/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 vote251 views6 answers
React-native build debug apk
Javascript React
2 votes255 views1 answer
Property 'target' does not exist on type 'string' react
Javascript React
0 vote310 views1 answer
React set multible attribute values
Javascript React
5 votes249 views3 answers
How to open a new tab in react
Javascript React
0 vote249 views2 answers
How to make a search bar in react django
Javascript React
0 vote255 views1 answer
Reactjs exemple class component
Javascript React
0 vote268 views2 answers
Count down timer in react native
Javascript React
0 vote266 views1 answer
React native textinput lowercase
Javascript React
1 vote267 views1 answer
React multiple event handlers]
Javascript React
1 vote261 views1 answer
React js router parameters
Javascript React