react 生命周期函数

最新推荐文章于 2025-09-09 16:55:30 发布

转载最新推荐文章于 2025-09-09 16:55:30 发布 · 53 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/crazycode2/p/10738864.html

文章标签：

#javascript #ViewUI

（1）初始化阶段：
getDefaultProps:获取实例的默认属性
static propTypes 设置属性的类型
componentWillMount：组件即将首次被装载、渲染到页面上
render:组件在这里生成虚拟的 DOM 节点
componentDidMount:组件真正在被首次装载之后
（2）运行中状态：
componentWillReceiveProps:在数据更新页面需要重新渲染的时候，组件将要接收到属性的时候调用，
shouldComponentUpdate:组件接受到新属性或者新状态的时候（可以返回 false，接收数据后不更新，阻止 render 调用，后面的函数不会被继续执行了）
componentWillUpdate:组件即将更新不能修改属性和状态
render:组件重新描绘
componentDidUpdate:组件已经更新
（3）销毁阶段：
componentWillUnmount:组件即将销毁

转载于:https://www.cnblogs.com/crazycode2/p/10738864.html