/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 vote416 views1 answer
Running scripts is disabled on this system react js
Javascript React
3 votes378 views2 answers
React-native android build apk
Javascript React
1 vote364 views6 answers
Tailwind css in react
Javascript React
48 votes372 views1 answer
Emmet not working in react nextjs
Javascript React
0 vote411 views2 answers
Why we need react js
Javascript React
18 votes375 views5 answers
How to use svg in react js
Javascript React
0 vote411 views1 answer
React-bootstrap problem-import new version
Javascript React
0 vote464 views1 answer
Show modal by using id in list react
Javascript React
15 votes376 views3 answers
Loop over a nerber in react
Javascript React
3 votes454 views1 answer
React router yarn
Javascript React