react 生命周期函数

落爺英雄遲暮 提交于 2020-01-17 13:23:54

1~
初始化 constructor
将要挂载 componentWillMount
渲染 render
挂载 componentDidMount
是否要更新 shouldComponentUpdate
当数据发生改变 触发生命周期函数 这个时候分两种状态
是否存在 shouldComponentUpdate 这个函数
第一个 不存在 数据正常更新
触发 三个函数:
将要更新 componentWillUpdate 渲染 render 更新 componentDidUpdate
第二个 存在 数据被拦截
按照你自己的需求去返回true 或者false,这个函数存在必须要返回相关的布尔值, 否则报错
这个函数方法有两个参数 第一个 newProps 第二个是 newState
如果是true的时候
生命周期的顺序是
shouldComponentUpdate是否要更新-》componentWillUpdate将要更新=》
render渲染-》componentDidUpdate更新
如果是false 就结束了
只走了shouldComponentUpdate-----是否要更新
将要更新 componentWillUpdate
更新 componentDidUpdate
在React中 从挂载开始 react 页面一进入会触发
初始化 constructor-》将要挂载 componentWillMount-》渲染 render-》
挂载 componentDidMount

2 ~
shouldComponentUpdate 是做什么的?
是否要更新shouldComponentUpdate
当数据发生改变 触发生命周期函数 这个时候分两种状态
是否存在 shouldComponentUpdate 这个函数
第一个 不存在 数据正常更新
触发 三个函数:
将要更新 componentWillUpdate 渲染 render 更新 componentDidUpdate
第二个 存在 数据被拦截
按照你自己的需求去返回true 或者false,这个函数存在必须要返回相关的布尔值, 否则报错
这个函数方法有两个参数 第一个 newProps 第二个是 newState
①如果是true的时候
生命周期的顺序是
shouldComponentUpdate是否要更新-》componentWillUpdate将要更新=》
render渲染-》componentDidUpdate更新
②如果是false 就结束了
只走了shouldComponentUpdate-----是否要更新

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!