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个!!!

  • 相关阅读:
    搬家来博客园了
    公司初印象
    毕业之殇觉醒
    毕业之殇天意弄人
    毕业之殇预告篇
    scribe 安装文档
    毕业之殇寻找
    IOS 资料整理(转)
    IOS IPHONE相册应用 资料整理
    NSFileManager和NSFileHandle(附:获取文件大小 )
  • 原文地址:https://www.cnblogs.com/hacker-caomei/p/14345684.html
Copyright © 2011-2022 走看看