react_life_cycle

• Z时代
• 2024-01-10
• 分类：综合

1. componentWillmount：组件初始化时调用，以后组件更新不再调用，此时可以更改state
2. render：渲染。创建虚拟DOM，进行Diff算法，更新DOM树。
3. componentDidmount：组件渲染之后调用，只调用一次。
4. componentWillReceiveprops（nextProps）：组件初始化时不调用，只有接收新的props时才调用。
5. shouldConponentUpdate（nextProps，nextState）：是react性能优化重要的一环。组件接收新的props或者state时调用，此时，可以比较前后两个state或者props，如果相同，则返回false，阻止更新，因为相同的props或者state会创建相同的DOM。阻止更新可以避免创建相同的DOM和进行不必要的Diff算法，节省大量性能。注意 此时不可以调用this.setState()方法，会造成死循环。
6. componentWillUpdate（nextProps，nextState）：组件初始化时不调用，只有在组件将要更新时才调用，此时可以修改state。注意 此时不可以调用this.setState()方法，会造成死循环。
7. componentDidUpdate：组件初始化的时候不调用，只有组件完成更新之后调用，此时可以操作DOM。
8. componentWillUnmount：销毁组件，此时可以清除一定的事件监听和定时器。

以上是 react_life_cycle 的全部内容， 来源链接： utcz.com/z/383721.html