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组件的生命周期的主要内容,如果未能解决你的问题,请参考以下文章

React-Native从入门到深入--组件生命周期

react 生命周期

React生命周期

[RN] React Native 中组件的生命周期

react 组件的生命周期

React中组件的生命周期(详细)