/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 vote191 views1 answer
React-multi-carousel don't work
Javascript React
65 votes164 views6 answers
React routing
Javascript React
0 vote181 views1 answer
Get LocalStorage from WebView react native
Javascript React
1 vote143 views1 answer
React 360
Javascript React
10 votes159 views1 answer
Dimensions react native
Javascript React
0 vote151 views1 answer
Imagebackground with input inot avoiding react native
Javascript React
12 votes160 views3 answers
Font weight react native
Javascript React
0 vote137 views1 answer
React google login button size increase
Javascript React
0 vote195 views2 answers
Reactjs date display
Javascript React
0 vote161 views1 answer
How to add css based on route react
Javascript React