/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 vote343 views1 answer
Install reactivesearch
Javascript React
5 votes389 views1 answer
Import suspence from react
Javascript React
0 vote359 views1 answer
How to detect if ios is in dark mode react native
Javascript React
26 votes403 views6 answers
React js
Javascript React
0 vote374 views1 answer
React native counter
Javascript React
0 vote368 views1 answer
Failed to construct image react-native
Javascript React
0 vote364 views1 answer
How to get back image and front text in react native
Javascript React
2 votes378 views1 answer
React native image source local file
Javascript React
0 vote358 views1 answer
React input value set state on change
Javascript React
1 vote394 views1 answer
Get value of input element on button click react
Javascript React