5.组件生命周期

43 阅读1分钟

一、创建阶段

1.constructor: 初始化state,为事件处理绑定this

2.reder:渲染ui,不能调用setState,会导致递归更新报错

3.componentDidMount:获取dom,请求接口 image.png

二、更新阶段

会触发更新的三种情况

1.setState()组件更新状态

2.组件接收到新的props

3.forceUpdate()强制更新

更新顺序:render--->componentDidUpdate

要添加判断是不是和上一次更新前的值是否一致,不加if判断会导致递归更新报错 image.png

三、卸载阶段

image.png

生命周期图 image.png