/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 vote258 views1 answer
Switch react router
Javascript React
1 vote227 views4 answers
React router go rprevious page
Javascript React
0 vote208 views1 answer
Svg as a component react
Javascript React
0 vote224 views1 answer
React router dom change default path
Javascript React
0 vote202 views1 answer
How to install react native hooks with npm
Javascript React
0 vote194 views1 answer
Reactjs download file axios
Javascript React
0 vote239 views1 answer
React-data-table-component cell action stack overflow
Javascript React
0 vote209 views1 answer
Add image to ag-grid with react
Javascript React
0 vote318 views1 answer
React native storage
Javascript React
2 votes216 views2 answers
Add 2 class names react
Javascript React