/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 vote337 views1 answer
React enzyme
Javascript React
5 votes332 views3 answers
Linear gradient react js
Javascript React
4 votes384 views1 answer
How to add custom font to react project
Javascript React
2 votes346 views1 answer
Can't import react bootstrap
Javascript React
0 vote334 views1 answer
React-i18next
Javascript React
0 vote345 views2 answers
React hotjar
Javascript React
103 votes330 views7 answers
How to create react app
Javascript React
0 vote411 views1 answer
React-native-redux login example github
Javascript React
0 vote389 views1 answer
Testing a function in jest on click react
Javascript React
3 votes442 views3 answers
How to uninstall react native cli globally
Javascript React