/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

1 vote158 views1 answer
Import library react js
Javascript React
13 votes158 views3 answers
Enable emmet vscode react
Javascript React
0 vote189 views1 answer
My vscode does not recognize react code syntax
Javascript React
0 vote168 views1 answer
React developer cvs
Javascript React
0 vote179 views1 answer
React native keyboard event listener
Javascript React
0 vote191 views1 answer
How to add autoserial number in react js
Javascript React
6 votes168 views2 answers
React native disable the text input
Javascript React
2 votes186 views2 answers
Vscode react extensions
Javascript React
0 vote168 views1 answer
Restful react npm
Javascript React
0 vote180 views1 answer
React chart js 2 api data
Javascript React