/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 vote161 views1 answer
React set multible attribute values
Javascript React
0 vote203 views1 answer
React grid generator
Javascript React
1 vote136 views1 answer
React native textinput no keyboard
Javascript React
31 votes144 views1 answer
Npm install react-router-dom --save
Javascript React
1 vote126 views1 answer
Press enter reaction js
Javascript React
1 vote157 views1 answer
React admin newrecords.foreach is not a function
Javascript React
27 votes162 views4 answers
Font awesome react npm
Javascript React
1 vote143 views1 answer
React native cannot make request on localhost
Javascript React
1 vote164 views1 answer
Java.lang.outofmemoryerror (no error message) react native
Javascript React
0 vote147 views2 answers
Animation react
Javascript React