/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

2 votes265 views1 answer
React native image source local file
Javascript React
5 votes247 views5 answers
Onclick react
Javascript React
0 vote264 views1 answer
Exemple de modal reactjs
Javascript React
1 vote288 views1 answer
Running scripts is disabled on this system react js
Javascript React
0 vote261 views1 answer
Dynamic useState in react
Javascript React
0 vote266 views1 answer
How to set dynamic size in react js
Javascript React
1 vote266 views2 answers
React native get timezone
Javascript React
0 vote255 views2 answers
Login with facebook expo react native
Javascript React
0 vote262 views1 answer
React native clear route params
Javascript React
0 vote263 views1 answer
React cam filters
Javascript React