# 生命周期

WARNING

旧的

img

TIP

新的

img

# 利用生命周期优化性能

父组件修改子组件数据,手动添加这种,父组件数据更新,还没主动更新到子组件,这时子组件的render函数依旧和父组件数据一起更新 如何解决此类问题

shouldComponentUpdate(nextProps,nextState){
    if(nextProps.content!==this.props.content){
      return true;
    }else{
      return false;
    }
  }
1
2
3
4
5
6
7

在shouldComponentUpdate生命周期里面对比数据,如果数据相同则返回false,不相同则返回true更新数据,这样就解决了此类问题

# 模拟接口平台

easy-mock (opens new window)

最后更新时间: 7/16/2019, 8:31:37 AM