/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 vote361 views1 answer
React sub count
Javascript React
0 vote348 views1 answer
Retore react app
Javascript React
0 vote354 views1 answer
TrackPromise React
Javascript React
0 vote344 views1 answer
How to use mdbreact in react js
Javascript React
0 vote347 views1 answer
React bootstrap col not working
Javascript React
0 vote372 views1 answer
Cannot read properties of undefined (reading 'length') selectionlist react native
Javascript React
0 vote350 views1 answer
React-native-cli remove
Javascript React
11 votes377 views4 answers
How to check for react version
Javascript React
0 vote313 views1 answer
Option component in react js errors
Javascript React
3 votes414 views3 answers
How to update react app
Javascript React