/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 vote133 views1 answer
Sort by string react
Javascript React
0 vote126 views1 answer
Images not displaying in react
Javascript React
0 vote134 views1 answer
React axios get cookie from response
Javascript React
4 votes125 views2 answers
React input number
Javascript React
11 votes139 views3 answers
Add condition inside a className in reactjs
Javascript React
0 vote128 views1 answer
Start to work with a pre existing react projects
Javascript React
0 vote147 views1 answer
Table like another component in react native
Javascript React
0 vote181 views3 answers
SyntaxError: /mnt/c/myAppFile/hello-rails-react/app/javascript/components/Greeting.js: Support for the experimental syntax 'jsx' isn't currently enabled rails
Javascript React
0 vote123 views1 answer
Corousal in react
Javascript React
0 vote131 views1 answer
React bootstrap navbar align right buttons
Javascript React