/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 vote163 views1 answer
Liquid indicators in react native
Javascript React
13 votes220 views4 answers
React native elevation
Javascript React
0 vote305 views1 answer
Reactjs ES6 class event listeners in jsx
Javascript React
0 vote239 views1 answer
Make input fixed position reactjs
Javascript React
0 vote259 views1 answer
Could not resolve module fs react native
Javascript React
0 vote215 views1 answer
Node_modules/react-native-paper/lib/module/core/Provider.js
Javascript React
15 votes252 views1 answer
Did you mean to use React.forwardRef()?
Javascript React
0 vote217 views1 answer
React enzyme
Javascript React
0 vote208 views1 answer
React bootstrap navbar align right buttons
Javascript React
1 vote239 views1 answer
How to use cookies in react js
Javascript React