/Javascript/React/Reactive localstorage in react

Reactive localstorage in react

function useStorageWatcher(key) {
  const [val, setVal] = useState(localStorage.get(key));

  useEffect(() => {
    const handler = () => val !== localStorage.get(key) && setVal(localStorage.get(key));
    window.addEventListener("storage", handle);
    () => window.removeEventListener("storage", handler);
  }, []);

  useEffect(() => {
    setVal(localStorage.get(key));
  }, [key]);

  return val;

}

Source: reddit.com

Similar codes

0 vote260 views1 answer
Clear form in react
Javascript React
0 vote236 views1 answer
React component will mount new method
Javascript React
0 vote260 views1 answer
Routing in react jps
Javascript React
0 vote240 views1 answer
React native multiple touchableopacity
Javascript React
0 vote236 views1 answer
How to unmount inactive screens in bottom tab react native
Javascript React
0 vote266 views1 answer
Moment all formats in reactjs
Javascript React
24 votes254 views6 answers
Shadow react native
Javascript React
1 vote230 views1 answer
Strings compare react
Javascript React
0 vote238 views1 answer
Docker react js
Javascript React
0 vote267 views2 answers
How to use react typed js
Javascript React