react组件生命周期

当组件在客户端第一次创建时,依次调用以下方法

  1. getDefaultProps
  2. getInitialState
  3. componentWillMount
  4. render
  5. componentDidMount

当组件在服务端第一次创建时,依次调用以下方法

  1. getDefaultProps
  2. getInitialState
  3. componentWillMount
  4. render
    componentDidMount不会在服务端被渲染的时候调用

当状态改变时,依次调用以下方法

  1. componentWillReceiveProps
  2. shouldComponentUpdate
  3. componentWillUpdate
  4. render
  5. componentDidUpdate

销毁时调用componentWillUnmount

测试发现当状态改变时,componentWillUpdate 里面的state还是之前的state,若想根据state的值进行页面的跳转或其他操作,应该在componentDidUpdate 中进行判断,并进行逻辑处理。

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

推荐阅读更多精彩内容

  • 下图详细列述了 React 组件在整个生命周期中所涉及的方法和行为: 生命周期详解 组件在整个 ReactJS 的...
    杨慧莉阅读 735评论 0 0
  • 在组件的整个生命周期中,随着该组件的props或者state发生改变,其DOM表现也会有相应的变化。一个组件就是一...
    张chuner阅读 328评论 0 2
  • 实例化首次实例化getDefaultPropsgetInitialStatecomponentWillMountr...
    以德扶人阅读 510评论 0 51
  • 文:海欧 题记:人只有在变中求不变。——霍·史密斯:《锡喇叭》 我有个周末不是在加班么,其实是我们公司请了一位香港...
    海欧亭亭阅读 1,246评论 7 30
  • 让护士专注护理工作 护士需要 日常工作随着护士工作量的增加,护士大量的精力耗费在沟通交流和文案工作中去。护士每天都...
    河马大叔阅读 741评论 0 0