/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 vote201 views1 answer
Error while updating linecap of a view polyline react-native-maps
Javascript React
0 vote200 views1 answer
React-datepicker
Javascript React
111 votes251 views6 answers
Install bootstrap in react
Javascript React
11 votes210 views5 answers
React router refresh page
Javascript React
-2 votes219 views1 answer
2 taps is required to close keyboad in react native
Javascript React
0 vote216 views2 answers
Barcode scanner react js
Javascript React
4 votes202 views1 answer
Use of useNavigate from 'react-router-dom'
Javascript React
1 vote247 views1 answer
How to detect onend reach of scrollview in react native
Javascript React
0 vote229 views1 answer
React Native BUILD FAILED on run-ios
Javascript React
0 vote164 views1 answer
How to use algolia react native
Javascript React