react-生命周期

*当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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。