/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 vote322 views1 answer
React native notifications error
Javascript React
0 vote321 views1 answer
How to run and clone react app
Javascript React
0 vote314 views2 answers
How to make a search bar in react django
Javascript React
0 vote364 views1 answer
React js bootstrap select option required
Javascript React
0 vote317 views1 answer
React-data-table-component edit action
Javascript React
0 vote324 views1 answer
Image continuous changing div react
Javascript React
0 vote318 views1 answer
Returned data has p tags react
Javascript React
15 votes318 views1 answer
Reducer in react example
Javascript React
1 vote317 views1 answer
React-router-dom v6 redirect
Javascript React
1 vote333 views1 answer
React native fast image webp ios
Javascript React