/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

1 vote383 views2 answers
Generate apk debug react native
Javascript React
68 votes373 views3 answers
React add inline styles in react
Javascript React
1 vote328 views1 answer
How to use array of object in react
Javascript React
4 votes328 views1 answer
On window resize react
Javascript React
23 votes371 views6 answers
React native shadow
Javascript React
0 vote364 views1 answer
React native navigate two screens back
Javascript React
1 vote394 views2 answers
React native time range picker
Javascript React
50 votes319 views6 answers
Yarn create react app
Javascript React
133 votes530 views6 answers
Using bootstrap with react
Javascript React
0 vote377 views1 answer
Geocoding react
Javascript React