React – setState() on unmounted component

by

Without seeing the render function is a bit tough. Although can already spot something you should do, every time you use an interval you got to clear it on unmount. So:

componentDidMount() {
    this.loadInterval = setInterval(this.loadSearches, this.props.pollInterval);
}

componentWillUnmount () {
    this.loadInterval && clearInterval(this.loadInterval);
    this.loadInterval = false;
}

Since those success and error callbacks might still get called after unmount, you can use the interval variable to check if it’s mounted.

this.loadInterval && this.setState({
    loading: false
});

Hope this helps, provide the render function if this doesn’t do the job.

Cheers

More Related Contents:

  1. React setState not updating state
  2. ReactJS convert HTML string to JSX
  3. Does React keep the order for state updates?
  4. React: how to update state.item[1] in state using setState?
  5. Reactjs async rendering of components
  6. How can I update state.item[1] in state using setState?
  7. React JS – Uncaught TypeError: this.props.data.map is not a function
  8. TypeError: Cannot read property ‘setState’ of undefined
  9. setInterval in a React app
  10. Use componentWillMount or componentDidMount lifecycle functions for async request in React
  11. How to allow CORS in react.js?
  12. loading json data from local file into React JS
  13. React Js: Uncaught (in promise) SyntaxError: Unexpected token < in JSON at position 0
  14. Jquery in React is not defined
  15. How to check for broken images in React JS
  16. Update single value in item array | react redux
  17. How can I wait for setState to finish before triggering a function in React?
  18. How can I get jQuery to perform a synchronous, rather than asynchronous, Ajax request?
  19. Asynchronously load images with jQuery
  20. Rerender view on browser resize with React
  21. How to handle the `onKeyPress` event in ReactJS?
  22. Why is useState not triggering re-render?
  23. React form onChange->setState one step behind
  24. init state without constructor in react
  25. Can dynamically loaded JavaScript be unloaded?
  26. What do curly braces mean in JSX (React)?
  27. How to solve problem with too many re-renders in context?
  28. Annoying javascript timezone adjustment issue
  29. How can I dispatch function in redux?
  30. Phantom JS synchronous AJAX request : NETWORK_ERR: XMLHttpRequest Exception 101

Leave a Comment