React 的生命周期包括三个阶段：mount（挂载）、update（更新）和 unmount（移除）
mount
mount 就是第一次让组件出现在页面中的过程。这个过程的关键就是 render 方法。React 会将 render 的返回值（一般是虚拟 DOM，也可以是 DOM 或者 null）插入到页面中。
这个过程会暴露几个钩子（hook）方便你往里面加代码：
- constructor()
- componentWillMount()
- render()
componentDidMount()
mount步骤
update
mount 之后，如果数据有任何变动，就会来到 update 过程，这个过程有 5 个钩子：
- componentWillReceiveProps(nextProps) - 我要读取 props 啦！
- shouldComponentUpdate(nextProps, nextState) - 请问要不要更新组件？true / false
- componentWillUpdate() - 我要更新组件啦！
- render() - 更新！
- componentDidUpdate() - 更新完毕啦！
unmount
当一个组件将要从页面中移除时，会进入 unmount 过程，这个过程就一个钩子：
componentWillUnmount() - 我要死啦！
网友评论