/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 votes373 views1 answer
React nginx returns 404 after reload
Javascript React
0 vote360 views1 answer
Js map vs react js map
Javascript React
5 votes408 views1 answer
Create react app deployment heroku
Javascript React
5 votes352 views2 answers
React hook form
Javascript React
0 vote376 views2 answers
How to make a search bar in react django
Javascript React
0 vote361 views1 answer
How to draw a long underline in react native
Javascript React
0 vote405 views1 answer
A form label must be associated with a control react
Javascript React
0 vote375 views1 answer
Curved lines on google maps usint react
Javascript React
32 votes352 views2 answers
Npm react router dom@5
Javascript React
0 vote406 views1 answer
Backgroundcolor react
Javascript React