/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 vote220 views1 answer
Different ways to write react file paths
Javascript React
0 vote297 views1 answer
Canvas js in react
Javascript React
0 vote235 views1 answer
How to solve "Unexpected use of comma operator no-sequences" error in react
Javascript React
6 votes187 views2 answers
TextInput disable react native
Javascript React
0 vote174 views2 answers
React how to change localhost url
Javascript React
0 vote180 views1 answer
How to make the width of a react native element adjust according to the contents
Javascript React
0 vote193 views1 answer
How to add comma in react map
Javascript React
0 vote163 views1 answer
Build class component react
Javascript React
0 vote168 views1 answer
How we can set react select required
Javascript React
144 votes622 views6 answers
How to install react js
Javascript React