/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 vote121 views1 answer
How to prevent previous radio button active react native
Javascript React
6 votes75 views2 answers
React native socket io
Javascript React
0 vote122 views1 answer
React hook form submit outside form
Javascript React
0 vote120 views1 answer
React native layout animation android
Javascript React
0 vote115 views1 answer
Dynamic classname react
Javascript React
14 votes117 views2 answers
Photo in React native
Javascript React
0 vote123 views1 answer
ERROR TypeError: undefined is not an object (evaluating '_reactNative.Styles.m aincont')
Javascript React
0 vote140 views1 answer
React router dom change default path
Javascript React
0 vote116 views1 answer
How to check if we reach end of div react hooks
Javascript React
-1 vote132 views1 answer
Command not found:create-react-app
Javascript React