美文网首页
react-生命周期

react-生命周期

作者: 城门小胡同 | 来源:发表于2019-03-19 15:41 被阅读0次

    *当state 或者 props 中的内容发生改变时  render函数就会执行

    react  中的生命周期函数:

    getDefaultProps :
         -- 可以用于设置默认的 props   并且只会调用一次

    :在es5 and  es6  中的用法不同

    es5 es6

    getInitialState :
        -- 用来初始化每个实例的 state, 
        -- 与 props 的区别在于 state只存在组件的内部,props 在所有实例中共享

    在es5 and  es6  中的用法不同
       -- es6 中可以通过 this.state 在构造函数中指定初始状态 
          修改值的时候  使用  this.setState

    es5 es6

    componentWillMount :
          - - 在渲染之前调用 , 也是再 render 方法调用之前修改 state 的最后一次机会

    render :
          - - 渲染

    componentDidMount :
          - - 在获取数据的时候 一般都会 在这里写请求

    shouldComponentUpdate :
          - - 接收两个参数(nextProps, nextState)在组件更新之前 被调用  他会返回一个bool值   true  或者  false  来判断              组件是否要被更新

    componentWillUpdate : 
          - - 在组件更新之前被执行, 但在shouldComponentUpdate 之后 , 是否会执行取决于 shouldComponentUpdate              返回值 false  将不再执行

    componentDidUpdate : 
          - - 组件更新之后 会被执行

    componentWillReceiveProps :
          - - 当接收父组件的传值 并且 父组件的render 函数被执行  那么它执行  例外  如果这个子组件第一次存在父组件那               么不会执行

    componentWillUnmount :
          - -  在组件即将被销毁的时候调用 

    生命周期

    s

    相关文章

      网友评论

          本文标题:react-生命周期

          本文链接:https://www.haomeiwen.com/subject/piqdeqtx.html