/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 vote210 views1 answer
React native app crashes without error
Javascript React
0 vote236 views1 answer
Url in listitem react
Javascript React
0 vote223 views1 answer
React dropdown search bar
Javascript React
3 votes201 views3 answers
Chart js react
Javascript React
0 vote204 views1 answer
Yarn react-native-async-storage
Javascript React
7 votes232 views6 answers
Shadow generator react native
Javascript React
2 votes315 views2 answers
React native settimeout
Javascript React
5 votes227 views3 answers
How to open a new tab in react
Javascript React
2 votes220 views2 answers
React material ui media queries
Javascript React
0 vote263 views1 answer
How to send data to another page in react from button
Javascript React