React组件生命周期如何从创建到卸载，每个阶段都有哪些关键点？

本文共计781个文字，预计阅读时间需要4分钟。

在本章中，我们将讨论React组件的生命周期。组件的生命周期可以分为三个状态：Mounting（挂载）、Updating（更新）和Unmounting（卸载）。以下是生命周期方法：

- `componentDidMount`：组件已挂载到DOM上后调用。- `componentDidUpdate`：组件更新后调用。- `componentWillUnmount`：组件即将卸载前调用。

在本章节中我们将讨论 React 组件的生命周期。

组件的生命周期可分成三个状态：

• Mounting：已插入真实 DOM
• Updating：正在被重新渲染
• Unmounting：已移出真实 DOM
  

生命周期的方法有：

• componentWillMount 在渲染前调用,在客户端也在服务端。
• componentDidMount : 在第一次渲染后调用，只在客户端。之后组件已经生成了对应的DOM结构，可以通过this.getDOMNode()来进行访问。 如果你想和其他JavaScript框架一起使用，可以在这个方法中调用setTimeout, setInterval或者发送AJAX请求等操作(防止异步操作阻塞UI)。