/Javascript/React/Remove the warning for setState on unmounted components in React

Remove the warning for setState on unmounted components in React

useEffect(() => {
  let isMounted = true;               // note mutable flag
  someAsyncOperation().then(data => {
    if (isMounted) setState(data);    // add conditional check
  })
  return () => { isMounted = false }; // cleanup toggles value, if unmounted
}, []);                               // adjust dependencies to your needs

Source: stackoverflow.com

Remove the warning for setState on unmounted components in React

function useAsync(asyncFn, onSuccess) {
  useEffect(() => {
    let isActive = true;
    asyncFn().then(data => {
      if (isActive) onSuccess(data);
    });
    return () => { isActive = false };
  }, [asyncFn, onSuccess]);
}

Source: stackoverflow.com

Similar codes

0 vote198 views1 answer
Add two export in same page react
Javascript React
24 votes300 views3 answers
Reactjs sass setup
Javascript React
8 votes206 views3 answers
React latest version
Javascript React
2 votes205 views1 answer
Vertical align center react native view
Javascript React
0 vote213 views4 answers
Reactnative sliding image
Javascript React
0 vote245 views1 answer
Space between react native
Javascript React
18 votes262 views6 answers
Import svg as react component
Javascript React
2 votes204 views2 answers
Display image base64 in REACT NATIVE
Javascript React
0 vote247 views1 answer
How to made disktop program on react website
Javascript React
0 vote208 views2 answers
Install react webpack
Javascript React