当前位置: 首页 > news >正文

网站后台用户管理系统全国各城市感染高峰进度查询

网站后台用户管理系统,全国各城市感染高峰进度查询,建设网站需要的关键技术,高价词网站源码类组件生命周期方法 constructor 在类组件挂载的时候调用,用于构建一个类组件实例。 在构建类组件实例的时候, 会先执行基类构造函数( React.Component ) 使用父组件传入的 props 来初始化 props 属性, 然后执行自定义构造函数来初始化 state…

类组件生命周期方法

  • constructor

    在类组件挂载的时候调用,用于构建一个类组件实例。

    在构建类组件实例的时候, 会先执行基类构造函数( React.Component ) 使用父组件传入的 props 来初始化 props 属性, 然后执行自定义构造函数来初始化 state 和 事件绑定。 如果类组件不需要初始化 state 和 事件绑定,就不需要自定义构造函数。

    父组件的 constructor 先触发, 子组件的 constructor 后触发。兄弟组件, constructor 按组件位置的先后顺序按序触发

  • componentWillMount

    挂载阶段, 组件实例构建完成(props、state 属性初始化完成)以后,render 方法执行之前执行。

    如果类组件提供了 getDerivedStateFromProps 方法, componentWillMount 不会触发,会抛出警告。

    父组件的 componentWillMount 先触发, 子组件的 componentWillMount 后触发。兄弟组件, componentWillMount 按组件位置的先后顺序按序触发。

  • static getDerivedStateFromProps(props, state)

    挂载(mount)/更新(update)阶段,在类组件实例的 state、props 属性初始化(更新)完成以后,render 方法执行以前执行。

    执行时, 会传入当前 props 和 state,返回一个新的 state 来更新 state。

    如果类组件实例没有定义 state 属性, 使用 getDerivedStateFromProps 会抛出警告

    getDerivedStateFromProps 返回的 state 会和组件原来的 state 做合并更新处理(Object.assign)。如果返回 null 或者没有返回值, 会抛出警告。

    父组件的 getDerivedStateFromProps 先触发, 子组件的 getDerivedStateFromProps 后触发。兄弟组件, getDerivedStateFromProps 按组件位置的先后顺序按序触发。

    getDerivedStateFromProps 先于 shouldComponentUpdate 触发,即只要组件挂载、组件更新、父组件更新, 都会触发。

  • shouldComponentUpdate(newProps, newState, newContext)

    更新阶段,如果组件不是强制更新且定义了 shouldComponentUpdate 方方法, shouldComponentUpdate 方法会触发。

    shouldComponentUpdate 执行时, 需要传入 newrops、newState、newContext 和 组件实例原来的 props、state、context 做比较,然后根据比较结果返回一个 boolean 类型的值。

    如果返回 false, 组件不需要更新, componentWillUpdate、 render 、componentDidUpdate 都不会触发; 如果返回 true, 组件需要更新, componentWillUpdate、render、componentDidUpdate 都会触发。

    PureComponent 有内置的 shouldComponentUpdate, 会对新旧 props、 state 做浅层比较。如果 props、state 的结构比较复杂, 比较结果可能会不准确

    如果需要强制更新, shouldComponentUpdate 不会触发

    父组件的 shouldComponentUpdate 先触发, 子组件的 shouldComponentUpdate 后触发。兄弟组件, componentWillUpdate 按组件位置的先后顺序按序触发。

  • componentWillUpdate

    更新阶段,在获取 newProps、newState、newContext 以后,组件实例的 props、state、 context 更新以及render 方法执行之前执行。

    如果类组件提供了 getDerivedStateFromProps 方法, componentWillUpdate 不会触发,会抛出警告。

    父组件的 componentWillUpdate 先触发, 子组件的 componentWillUpdate 后触发。兄弟组件, componentWillUpdate 按组件位置的先后顺序按序触发。

  • componentWillReceiveProps(newProps, newContext)

    更新阶段, 如果子组件的 props(或者 context) 发生变化且定义了 coponentWillReceiveProps, 会触发 componentWillReveiveProps 的执行。

    componentWillReceiveProps 在获取 newProps、newState、newContext 以后,组件实例的 props、state、 context 更新以及 render 方法执行之前执行。

    如果类组件提供了 getDerivedStateFromProps 方法, componentWillReceiveProps 不会触发,会抛出警告。

    componentWillReceiveProps 先于 shouldComponentUpdate、 componentWillUpdate 执行。

    父组件的 componentWillReceiveProps 先触发, 子组件的 componentWillReceiveProps 后触发。兄弟组件, componentWillReceiveProps 按组件位置的先后顺序按序触发。

    只有子组件的 props、 context 发生变化, 才会触发 componentWillReceiveProps。 通过 setState 触发子组件更新时, 不会触发 componentWillReceiveProps

    在 componentWillReceiveProps 中修改 state ,不要直接修改,要使用 setState 修改, 否则会抛出警告。

  • render

    将类组件 template 转化为一颗 react element tree。

    在挂载阶段肯定会触发。在更新阶段,如果是强制更新或者没有定义 shouldComponentUpdate, 会触发;如果不是强制更新且定义了 sholdComponentUpdate, 会根据 shouldComponentUpdate 的返回值来决定是否触发,false 不触发, true 触发。

  • componentDidMount

    挂载阶段, 整个 react 应用对应的 template 已经转化为 dom 节点, 并添加到容器 dom 节点以后调用。

    子组件的 componentDidMount 先触发, 父组件的 componentDidMount 后触发。兄弟组件, componentDidMount 按组件位置的先后顺序按序触发。

    componentDidMount 触发的时候, 可以操作 dom 节点, ref 也已经初始化成功

  • getSnapshotBeforeUpdate(preProps, prevState)

    更新阶段调用。此时整个 react 应用对应的 template 已经转化为 dom 节点, 但是还没有添加到容器 dom 节点中。

    getSnapshotBeforeUpdate 的返回值会作为 componentDidUpdate 的第三个参数。

    getSnapshotBeforeUpdate 先于 componentDidUpdate 执行。

    子组件的 getSnapshotBeforeUpdate 先触发, 父组件的 getSnapshotBeforeUpdate 后触发。兄弟组件, getSnapshotBeforeUpdate 按组件位置的先后顺序按序触发。

    componentDidUpdate 触发的时候, 不可以操作新的 dom 节点。

  • componentDidUpdate(prevProps, prevState, snapshot)

    更新阶段, 整个 react 应用对应的 template 已经转化为 dom 节点, 并添加到容器 dom 节点以后调用。

    触发的时候, 会传入 oldProps、 oldState。

    子组件的 componentDidUpdate 先触发, 父组件的 componentDidUpdate 后触发。兄弟组件, componentDidUpdate 按组件位置的先后顺序按序触发。

    componentDidUpdate 触发的时候, 可以操作新的 dom 节点, ref 也已经初始化成功

    不要在 componentDidUpdate 直接使用 setState,否则会导致死循环

  • componentWillUnmount

    更新阶段, 组件卸载及销毁之前直接调用。

    调用时,组件对应的 dom 节点还没有移除。

    componentWillUnmount 触发以后, componentDidiUpdate 就不会触发了

http://www.dinnco.com/news/39154.html

相关文章:

  • 网站建设cms系统上海优化外包公司排名
  • 自适应网站什么意思广东东莞今日最新消息
  • 网页背景做的比较好的网站手游推广去哪里找客源
  • 南宁做网站推广的公司网站推广在线
  • 黄石网络推广百度seo工作室
  • 网站开发建设需多少钱自媒体怎么赚钱
  • 周口网站建设费用产品线上推广方案
  • 做网站站长一年能赚多少钱邯郸seo排名
  • 临沂网站设计公司百度seo技术优化
  • 有免费做理化试验的网站吗seo经理
  • wordpress css字体颜色百度seo公司兴田德润
  • 建筑工程网是什么网站seo服务公司上海
  • 哪里可以做产品购物网站十大营销策划公司排名
  • 太原市做网站公司免费软文发布平台
  • 回收类型网站如何做怎么申请网站空间
  • 什么网站做兼职可靠app下载
  • 做黄网站用什么域名武汉服装seo整站优化方案
  • 网站内部优化cilimao磁力猫最新版地址
  • 网站下载地址网站首页seo关键词布局
  • 电商网站的程序有哪些网络优化是干什么的
  • 网站注册免费qq360seo关键词优化
  • 广告片拍摄制作公司行者seo无敌
  • 怎么自己做砍价网站个人网站建设
  • 抄底券网站怎么做的seo博客模板
  • 关于政府门户网站建设 以下说法正确的是媒体广告投放平台
  • 平安车险官方保险网站网推什么平台好用
  • 网站如何做网站征求意见专栏东莞网站推广行者seo08
  • 商丘住房和城乡建设网站最近的热点新闻
  • 淮南网站建设云南网络营销seo
  • 学校网站建设推进会百度广告联系方式