Is there a way to check if the react component is unmounted?

by

Since isMounted() is being officially deprecated, you can do this in your component:

componentDidMount() { 
  this._ismounted = true;
}

componentWillUnmount() {
   this._ismounted = false;
}

This pattern of maintaining your own state variable is detailed in the ReactJS documentation: isMounted is an Antipattern.

More Related Contents:

  1. How to Protect website code PHP / JS? [closed]
  2. React useEffect in depth / use of useEffect?
  3. Is useState synchronous? [duplicate]
  4. What happens when using this.setState multiple times in React component?
  5. Await is a reserved word error inside async function
  6. What does npm install –legacy-peer-deps do exactly? When is it recommended / What’s a potential use case?
  7. How to import a CSS file in a React Component
  8. How can I return multiple lines JSX in another return statement in React?
  9. React: how to load and render external html file?
  10. Binding vs Arrow-function (in JavaScript, or for react onClick)
  11. How to allow CORS in react.js?
  12. ES6 functions, arrow functions and ‘this’ in an ES6 class [duplicate]
  13. Use if statement in React JSX
  14. css position absolute making the textbox go down
  15. Can’t resolve module (not found) in React.js
  16. React-router v4 – cannot GET *url*
  17. Using Matter.js to render to the DOM or React
  18. Rendering an array.map() in React
  19. Does new React Context API trigger re-renders?
  20. Should we use useCallback in every function handler in React Functional Components
  21. map function not working in React
  22. Why I receive blank page? React
  23. How to restrict access to routes in react-router?
  24. Detect scroll direction in React js
  25. How to check for broken images in React JS
  26. Why is it necessary to use bind when working with ES6 and ReactJS?
  27. useMemo vs. useEffect + useState
  28. JSX not allowed in files with extension ‘ .js’ with eslint-config-airbnb
  29. Difference between React Component and React Element
  30. Extending React.js components

Leave a Comment