/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 vote221 views2 answers
React arrow function component
Javascript React
0 vote202 views2 answers
React query stop refetch when i switch browser tabs (globally)
Javascript React
1 vote217 views2 answers
Expo create react native app
Javascript React
3 votes221 views2 answers
Discord.js react to message
Javascript React
0 vote213 views1 answer
Select checkbox raitng in order javascript React
Javascript React
0 vote203 views1 answer
How to link t settings react native ios
Javascript React
1 vote216 views1 answer
Change icon color react native elements
Javascript React
1 vote229 views4 answers
React router go rprevious page
Javascript React
0 vote207 views1 answer
React native andri]oid ReferenceError: Can't find variable: Intl
Javascript React
1 vote203 views1 answer
React render html variable
Javascript React