/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 vote159 views1 answer
Image and video lightbox react
Javascript React
17 votes140 views5 answers
React native background image
Javascript React
10 votes148 views2 answers
React-native text overflow ellipsis
Javascript React
40 votes145 views5 answers
Fetch react
Javascript React
0 vote134 views1 answer
Return multiple native element react native
Javascript React
0 vote140 views1 answer
Get data from mulitple query parameters react
Javascript React
1 vote135 views1 answer
React router base url
Javascript React
2 votes142 views1 answer
Import React, { memo } from 'react';
Javascript React
0 vote132 views1 answer
React native textinput turnoff capitalize first letter
Javascript React
0 vote146 views1 answer
React native button top right
Javascript React