加载流程
1.construction 构造器
2.componentWillMount 组件加载前的钩子函数
3.render 加载组件
4.componentDidMount 组件加载后的钩子函数
5.componentWillUnmount 组件卸载后的钩子函数
修改转态更新
1.setState 当改变状态
2.shouldComponentUpdate 调用这个阀门函数 返回的是布尔值
3.componentWillUpdate 组件将要更新
4.render 加载组件
5.componentDidUpdate 组件加载后的钩子函数
强制更新
1.forceUpdate
2.componetwillUpdate
3.render 加载组件
4.componentDidUpdate
父子组件render
1.componeWillReceiveProps 组件将要接收Props的时候调用 第一次不算
2.shouldComponentUpdate 调用这个阀门函数 返回的是布尔值
3.componentWillUpdate 组件将要更新
4.render 加载组件
5.componentDidUpdate 组件加载后的钩子函数
1.初始化阶段:有ReactDOM.render()触发----初次渲染
1.constructor()
2.componentWillMount()
3.render()
4.componetDidMount() ===>常用
一般在这个钩子中做一些初始化的事,例如:开启定时器、发送网络请求、订阅消息
2.更新阶段:由组件内部this.setSate()或父组件render触发
1.shouldComponentUpfate()
2.componetwillUpdate()
3.render()
4.componetDidUpdate()
3.卸载组件:有ReactDOM.unmountComponentAtNode()触发
1.componentWillUnmount() =====》常用
一般在这个钩子中做一些收尾的事,例如:关闭定时器、取消订阅消息