/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 vote301 views1 answer
Render eror cant find variable: react
Javascript React
17 votes327 views3 answers
React router url params
Javascript React
0 vote293 views3 answers
Scrollview pull to refresh react native
Javascript React
0 vote320 views2 answers
React native countdown
Javascript React
0 vote313 views1 answer
React tutorial componentDidMount() componentWillUnmount()
Javascript React
6 votes339 views1 answer
React native data map is not a function
Javascript React
0 vote323 views1 answer
Reactjs facebook login popup trigger on load page
Javascript React
0 vote310 views7 answers
Convert css box shadow to react native
Javascript React
0 vote331 views1 answer
How we can set react select required
Javascript React
0 vote286 views1 answer
Mdn react
Javascript React