/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

1 vote180 views1 answer
React-native curved view
Javascript React
1 vote172 views1 answer
Responsive calc height react native
Javascript React
-2 votes200 views1 answer
Reactjs cut part of string
Javascript React
0 vote177 views3 answers
Image border shadow react native
Javascript React
4 votes171 views1 answer
React propthpes or
Javascript React
0 vote179 views1 answer
How to convert timestamp to date in react native
Javascript React
0 vote343 views1 answer
React version on CMD
Javascript React
1 vote186 views1 answer
React footer
Javascript React
0 vote204 views1 answer
Aframe react
Javascript React
6 votes179 views2 answers
React native indicator
Javascript React