/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 vote138 views1 answer
React input mask ref
Javascript React
0 vote131 views1 answer
Dropdown list value react fragment
Javascript React
0 vote116 views1 answer
How to change style class by using onclick function with multiple buttons in react js
Javascript React
0 vote137 views1 answer
Change candle color react highcharts
Javascript React
0 vote136 views1 answer
Pass params axios get react
Javascript React
0 vote128 views1 answer
React-native-dropdown-picker for form react native
Javascript React
0 vote130 views1 answer
React native geocoding
Javascript React
0 vote135 views2 answers
Veu js vs angular vs react features
Javascript React
3 votes122 views1 answer
React cloud foundry nginx 404
Javascript React
13 votes125 views4 answers
Passing data in react router history,push
Javascript React