/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 vote192 views1 answer
React import json
Javascript React
0 vote195 views1 answer
React native zindex issue on android
Javascript React
2 votes265 views2 answers
React native settimeout
Javascript React
140 votes971 views5 answers
React js installation
Javascript React
4 votes209 views3 answers
How to add google map in react js
Javascript React
1 vote292 views5 answers
Import { useBeforeunload } from 'react-beforeunload
Javascript React
0 vote207 views1 answer
Spining load react component
Javascript React
26 votes214 views5 answers
React image
Javascript React
86 votes199 views3 answers
React check if window exists
Javascript React
0 vote190 views1 answer
React string to integer
Javascript React