/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 vote193 views1 answer
Edit json text react
Javascript React
0 vote214 views2 answers
How to spot Error: Maximum update depth exceeded. in react
Javascript React
0 vote193 views1 answer
Remarkable react js
Javascript React
0 vote194 views1 answer
React chart js 2 api data
Javascript React
0 vote198 views1 answer
Image and video lightbox react
Javascript React
0 vote173 views1 answer
Form.select not working react bootstrap
Javascript React
29 votes187 views3 answers
Creating react app using npx
Javascript React
0 vote172 views1 answer
Resellerclub api with react js
Javascript React
0 vote168 views1 answer
React make component full screen
Javascript React
9 votes115 views1 answer
Redux add to array
Javascript React