/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

2 votes387 views1 answer
React setupproxy
Javascript React
0 vote341 views1 answer
Run react android
Javascript React
18 votes329 views6 answers
React native release apk command
Javascript React
1 vote349 views1 answer
Npx create react app Must use import to load ES Module error
Javascript React
3 votes357 views2 answers
React link without underline
Javascript React
1 vote340 views1 answer
Create functional component react
Javascript React
1 vote347 views5 answers
Push notification react native
Javascript React
0 vote361 views1 answer
Array map order by timestamp reactjs
Javascript React
1 vote334 views1 answer
Parent to child react state
Javascript React
6 votes379 views2 answers
#react native shadow
Javascript React