reactreact16生命周期期事件

• 1.react组件react16生命周期期嘚3个阶段

当装载react组件的时候有 4个 react16生命周期期方法可以在dom装载组件之前调用。

• 当装载组件的时候第一个被调用的方法
• 主要用于初始化一些值。比如store和state的赋值等

• 主要用于当props的值变更时有机会同步state
• 注意:这是一个纯函数
• 返回值:props值有变化的时候返回1个对象，否则返回null

• 主要用于在妀函数的return中返回用于构建组件界面的jsx代码进行界面渲染

• 主要用于对dom进行操作因为此时组件已经装载，dom可以获取到

当更新react组件的时候有 5個 react16生命周期期方法可以在dom装载组件之前调用。

• 默认值为true会进行重绘
• 当重绘比较影响性能的时候，或者想更多控制的时候可以将返回值妀为false

• 主要用于获取前一次渲染和当前渲染的props和state
• TODO:待做相关demo，并且明晰和 监听props变更 的区别

• 主要用于DOM更新完成后时调用
• 当dom发生变化之后时，可鉯执行一些第三方API或者其他处理

在卸载阶段，有 1个 声明周期函数可用

• 当组件从DOM中移除的时候被调用
• 主要用于执行一些清除重置工作

• 在 react 16.3 の后，有3个react16生命周期期函数不在被推荐使用建议改用其他react16生命周期期函数。

发布了3 篇原创文章 · 获赞 0 · 访问量 59

componentWillMount：在组件即将被挂载到页面的时刻自动执行。
componentDidMount：在组件即将被挂载到页面之后自动执行。（只执行一次所以将ajax放在这里最合适）

componentWillReceiveProps：首先这个函数要从父组件接收一個参数，并且如果这个组件第一次存在于父组件中不会被执行如果已经存在于父组件中就会被执行。
shouldcomponentUpdate:组件即将被更新的时候自动执行，返回一个布尔值如果返回flase，则后面的react16生命周期期函数都不会被执行

发布了6 篇原创文章 · 获赞 1 · 访问量 99