/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 vote241 views1 answer
Axios upload progress react
Javascript React
1 vote214 views1 answer
Press enter reaction js
Javascript React
0 vote243 views1 answer
React nativ export default
Javascript React
0 vote239 views3 answers
React native shaddow
Javascript React
1 vote185 views1 answer
Parent to child react state
Javascript React
2 votes224 views2 answers
Prevent refresh react
Javascript React
8 votes228 views3 answers
Export 'Switch' (imported as 'Switch') was not found in 'react-router-dom'
Javascript React
0 vote223 views1 answer
Multi filtering react
Javascript React
1 vote229 views1 answer
Breakline in react native
Javascript React
26 votes242 views6 answers
React js
Javascript React