reactive localstorage in react

Uptight Unicorn answered on August 12, 2020 Popularity 4/10 Helpfulness 8/10

answer reactive localstorage in react

reactive localstorage in react

Comment

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;

}

Popularity 4/10 Helpfulness 8/10 Language javascript

Source: www.reddit.com

Tags: javascript local-storage reactive

Link to this answer
Share Copy Link

Contributed on Aug 12 2020

Uptight Unicorn

0 Answers Avg Quality 2/10

reactive localstorage in react

Contents

More Related Answers

reactive localstorage in react

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.