/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 vote120 views1 answer
Javascript Binding Example With React
Javascript React
0 vote106 views1 answer
Mreact graph
Javascript React
1 vote98 views1 answer
React navigation asyncstorage install
Javascript React
0 vote102 views1 answer
Header logo react native doesn't show
Javascript React
0 vote104 views1 answer
React-redux form preventdefault
Javascript React
0 vote102 views1 answer
Render(<App />); const linkElement = screen.getByText(/learn react/i); expect(linkElement).toBeInTheDocument();
Javascript React
0 vote109 views1 answer
React datetime mannual editing
Javascript React
0 vote110 views1 answer
React app link description preview
Javascript React
0 vote130 views1 answer
Get id button clicked react
Javascript React
0 vote112 views1 answer
Uuid for react native
Javascript React