/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 vote188 views1 answer
Could not resolve project :react-native-iap mergedebugassets
Javascript React
0 vote174 views1 answer
Override backswipe behaviour in ios and android react native
Javascript React
0 vote198 views1 answer
String contains in react
Javascript React
11 votes200 views3 answers
React Hook "useState" is called in function "cardState" which is neither a React function component or a custom React Hook function
Javascript React
0 vote207 views1 answer
React native layout animation android
Javascript React
27 votes220 views4 answers
Font awesome react npm
Javascript React
0 vote193 views1 answer
Expo cli vs react native cli
Javascript React
1 vote209 views1 answer
Module not found: Can't resolve 'C:\Users\{user}\Documents\React apps\{app-name}\node_modules\react-scripts\node_modules\babel-loader\lib\index.js'
Javascript React
0 vote188 views1 answer
Exit ios inspector in react native
Javascript React
1 vote218 views1 answer
React repeat
Javascript React