Why do the React docs recommend doing AJAX in componentDidMount, not componentWillMount?

by

componentDidMount is for side effects. Adding event listeners, AJAX, mutating the DOM, etc.

componentWillMount is rarely useful; especially if you care about server side rendering (adding event listeners causes errors and leaks, and lots of other stuff that can go wrong).

There is talk about removing componentWillMount from class components since it serves the same purpose as the constructor. It will remain on createClass components.

More Related Contents:

  1. How to pass data from child component to its parent in ReactJS?
  2. What’s the difference between “super()” and “super(props)” in React when using es6 classes?
  3. What is the best way to access redux store outside a react component?
  4. Programmatically navigating in React-Router v4
  5. Typescript input onchange event.target.value
  6. mobx-react observer don’t fires when I set observable
  7. In React ES6, why does the input field lose focus after typing a character?
  8. How do I access refs of a child component in the parent component
  9. React onClick and preventDefault() link refresh/redirect?
  10. Axios get in url works but with second parameter as object it doesn’t
  11. How to tell webpack dev server to serve index.html for any route
  12. How to debug react native apps in visual studio code?
  13. How to use Google fonts in React.js?
  14. Importing images in TypeScript React – “Cannot find module”
  15. Unexpected block statement surrounding arrow body
  16. How do I convert a string to jsx?
  17. Persistent navigation in a NextJs _app
  18. react app showing empty page when redirecting on production build
  19. Read the current full URL with React?
  20. VirtualizedList: You have a large list that is slow to update
  21. is it possible to React.useState(() => {}) in React?
  22. Jest setup “SyntaxError: Unexpected token export”
  23. React functions inside render()
  24. How to nest routes in React Router v4?
  25. create-react-app: how to use https instead of http?
  26. Disable ESLint that create-react-app provides
  27. Webpack & Typescript image import
  28. How to create dynamic refs in functional component- Using useRef Hook
  29. How to listen to localstorage value changes in react?
  30. React Router V6 – Error: useRoutes() may be used only in the context of a component

Leave a Comment