/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 vote358 views1 answer
Keyboard avoidance view not working on react native
Javascript React
0 vote372 views2 answers
Get data from url using react
Javascript React
0 vote372 views1 answer
Change poiter text input color react native
Javascript React
1 vote390 views1 answer
Webpack-bundle-analyzer react
Javascript React
0 vote409 views1 answer
How to rerender a page in React when the user clicks the back button
Javascript React
-2 votes433 views1 answer
Fc in react
Javascript React
0 vote436 views1 answer
How to make react native dapp truffle
Javascript React
4 votes409 views2 answers
Countdown in react js
Javascript React
0 vote424 views1 answer
Search nested array in react javascript
Javascript React
0 vote354 views1 answer
Resellerclub api with react js
Javascript React