/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 vote147 views1 answer
React sagas state
Javascript React
0 vote179 views1 answer
How to send data to another page in react from button
Javascript React
0 vote170 views1 answer
Avoid compressing imagepicker react native
Javascript React
0 vote159 views1 answer
React native make safe view in mobile
Javascript React
0 vote148 views1 answer
React props change
Javascript React
3 votes143 views1 answer
React pass props to children
Javascript React
65 votes150 views6 answers
React routing
Javascript React
0 vote155 views1 answer
React native anination 2 valuse
Javascript React
8 votes137 views1 answer
Ternary operator in button react
Javascript React
0 vote376 views1 answer
React native multiline cursor on first line
Javascript React