/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 vote234 views1 answer
How to make this transform with React-Native? https://stackoverflow.com/questions/37538303/how-to-make-this-transform-with-react-native
Javascript React
0 vote198 views2 answers
React write into json file
Javascript React
4 votes233 views2 answers
Linking in react native
Javascript React
142 votes939 views3 answers
Install react app
Javascript React
1 vote207 views1 answer
React router base url
Javascript React
0 vote206 views1 answer
Render(<App />); const linkElement = screen.getByText(/learn react/i); expect(linkElement).toBeInTheDocument();
Javascript React
-1 vote190 views1 answer
React slick npm
Javascript React
1 vote271 views1 answer
React conditional array item
Javascript React
0 vote209 views2 answers
'Navbar' is not defined react/jsx-no-undef
Javascript React
0 vote211 views1 answer
React state as object
Javascript React