React组件的生命周期
Posted 川衡
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了React组件的生命周期相关的知识,希望对你有一定的参考价值。
组件的生命周期分三个状态:
1、Mounting 已插入真实dom
2、Updating 正在被重新渲染
3、Unmounting 已移除真实dom
生命周期的方法有:
1、componentWilMount 在渲染前调用 在客服端 也在服务端
2、componentDidMount 在第一次渲染后调用,只在客服端,之后组件已经生成了对应的DOM结构,可以通过this.getDOMNode()来进行访问。可以在这个方法中调用setTimeout, setInterval或者发送AJAX请求等操作(防止异部操作阻塞UI)。
3、componentWillReceiveProps 在组件接收到一个新的props时被调用,初始化render时不会被调用。
4、shouldComponentUpdate 返回一个布尔值。在组件接收到新的props或者state时被调用。在初始化时或者使用forceUpdate时不被调用。 可以在你确认不需要更新组件时使用。
5、componentWillUpdate在组件接收到新的props或者state但还没有render时被调用。在初始化时不会被调用。
6、componentDidUpdate 在组件完成更新后立即调用。在初始化时不会被调用。
7、componentWillUnmount在组件从 DOM 中移除的时候立刻被调用。
欢迎一起交流学习…
以上是关于React组件的生命周期的主要内容,如果未能解决你的问题,请参考以下文章