/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 vote173 views1 answer
@tippyjs/react
Javascript React
2 votes147 views1 answer
Text decoration in react
Javascript React
3 votes149 views1 answer
UseNav react router
Javascript React
14 votes114 views9 answers
Attempted import error: 'switch' is not exported from 'react-router-dom'.
Javascript React
-1 vote190 views5 answers
Context Api in react
Javascript React
5 votes175 views2 answers
React js download file
Javascript React
4 votes182 views2 answers
Axios react post form data
Javascript React
0 vote151 views1 answer
Dropdown menu in react does not re render the component
Javascript React
1 vote146 views2 answers
Change text size according to screen react native
Javascript React
0 vote154 views1 answer
Put logo in qr code in react js qrcode.react
Javascript React