/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

9 votes277 views3 answers
React select
Javascript React
0 vote291 views2 answers
Loader in react
Javascript React
0 vote275 views1 answer
How to make multiple link using react
Javascript React
0 vote299 views1 answer
Text inside an image component react native
Javascript React
0 vote298 views1 answer
React download file from express res.download
Javascript React
0 vote304 views1 answer
Number format reactjs
Javascript React
0 vote298 views1 answer
Shortcut to format reactjs visual studio
Javascript React
4 votes304 views6 answers
React-native shadow generator
Javascript React
0 vote289 views1 answer
How to make a github api using react
Javascript React
0 vote322 views1 answer
React-native-error-check-the-render-method-of-app
Javascript React