zoukankan      html  css  js  c++  java
  • 3.1 React 生命周期函数(新)(16.8)

     React16.8之后。

    1废弃了3个will (钩子)

    最重要的三个:render, componentDidMount,componentWillUnMount。。。。

    所有will先关的都要+上UNSAFE ,除了unmount。

    挂载 : willMount,父组件rendner,willReceiceProps , will Update.

    异步渲染!!过时的生命周期 会带来不安全(并不是不安全的),误解和滥用!!!

    尤其是异步渲染,会更滥用和误解!!!

    +UNSAFE_ unsafe并不是安全性,以后会引发很麻烦的事情!!!

    2 添加了2个钩子( )

    //若state的值任何时候都取决于 props,没有啥太大意义!!!

    get derived state From Props

    drive驾驶 derive起源。derive派生的。

    get Snapshot beforeUpdate

    snapshot:快照。在更新前保存快照!

    挂载!更新! 卸载!

    挂载:

      1 constructor

      2 不在有挂载的那个人了!

      3 render

      4 componentDidMount()

    更新阶段: 内部this.setSate()或者父组件更新render触发

      1· get

      2shu

      3 render()

      4 快照

      5 componentDidUpdate

    卸载组件:

      1. componentWillUnmount

     1最终的3个钩子!

    render:初始化渲染或者更新渲染使用

    componentDidMount:开启监听,发送ajax请求(出生完毕的那一天!) 

    componentWillUnmount:做一些收尾的工作,清理定时器。(乘风过去的那一天老的那一天!)

    2 即将废弃的钩子:3个will 

    下一个版本需要加上UNSAFE_前缀才能使用,以后可能会被彻底废弃!!!

    3 新增了2个!!!

  • 相关阅读:
    任务18格式化
    任务17分区
    任务16 BIOS与CMOS
    任务15硬件组装过程说明
    任务14选配机箱
    任务13选配电源
    任务12选配显卡
    任务11选配机械硬盘
    任务10选配固态硬盘
    Android自定义控件:动画类(八)----ObjectAnimator基本使用
  • 原文地址:https://www.cnblogs.com/hacker-caomei/p/14345684.html
Copyright © 2011-2022 走看看