ReactLifecycle-V16.4
2018-07-04 14:03:08 10 举报ReactLifecycle-v16.4.x
作者其他创作
大纲/内容
React V16.4The Component Lifecycle
5 static getDerivedStateFromProps作用： 基于属性判断是否更新状态值返回对象或null，null不更新状态值注意：如果父组件re-render，则比会执行此函数
Updating
componentDidMount
New Add
8 getSnapshotBeforeUpdate 获取升级前快照作用：捕获组件更新前的值（e.g. scroll position）注意：返回结果将传入componentDidUpdate
6 shouldComponentUpdate 更新组件注意：默认情况状态或属性改变都会更新组件如果返回false，不会更新组件此处可以添加优化方案，判断是否需要更新组件
7
render
true
10 componentWillUnmount 组件卸载前作用：执行任何必要的清理操作，例如清除定时器，取消网络请求或清理在此创建的任何订阅主要取消componentDidMount中添加的事件和方法
7 render 同上
6
END
Mounting
componentWillUnmount
5
4 componentDidMount 组件被装载完成作用：添加事件监听消息订阅请求异步加载的数据切忌：不能调用setState()，应该是纯函数
3
Starter
constructor
3 render 组件必须调用的此函数作用：检查props和state判断是否需要re-render如果shouldComponentUpdate() returns false 就不执行re-render注意：性能消耗严重，应尽量减少非必要的re-render
1
2
Unmounting
false
setState or update Props
component unmount
shouldComponentUpdate
9 componentDidUpdate 组件更新后作用：操控DOM，获取数据
8
10
9
4
1 constructor 作用：初始化状态及绑定方法；注意：不能调用setState()子组件继承，要调用super(props)
收藏
0 条评论
下一页
