美文网首页
react组件生命周期

react组件生命周期

作者: 冬小满 | 来源:发表于2017-01-22 14:59 被阅读0次

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

    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组件生命周期

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