/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 vote220 views2 answers
Email validation in react js
Javascript React
0 vote212 views1 answer
Ios react native detect locale
Javascript React
20 votes205 views4 answers
Conditional Rendering in React js
Javascript React
16 votes213 views3 answers
Importing svg into react
Javascript React
0 vote225 views2 answers
How to import jquery file in react js
Javascript React
0 vote215 views3 answers
Run react native with debugger breakpoint
Javascript React
9 votes220 views2 answers
How to redirect react router from the app components
Javascript React
0 vote221 views2 answers
Undefined is not an object render header flatlist react hook
Javascript React
0 vote234 views1 answer
React input mask ref
Javascript React
0 vote230 views1 answer
Escaping less than great than signs in react
Javascript React