/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 vote262 views1 answer
React native pdf creater html-to-pdf
Javascript React
3 votes312 views1 answer
Navigation react pass props
Javascript React
15 votes286 views3 answers
React native expo navigation
Javascript React
1 vote301 views1 answer
React native generate stylesheet with function
Javascript React
3 votes300 views1 answer
React js image path src from local folder
Javascript React
0 vote311 views2 answers
Prism react renderer
Javascript React
0 vote319 views1 answer
How to remove console.log from react native app
Javascript React
4 votes273 views1 answer
On window resize react
Javascript React
0 vote317 views1 answer
React-native-safe-area-context
Javascript React
10 votes373 views2 answers
Generate random string react
Javascript React