react生命周期之 shouldComponentUpdate

react的生命周期与vue的生命周期一样都有挂载阶段、更新阶段、卸载阶段

在更新阶段 会有一个钩子函数

shouldComponentUpdate(nextProps,nextState){

  if(nextState.xxx!=this.state.xxx){

    return true
}

  return false


}

这个生命周期钩子函数默认的返回值是true,如果是true就更新视图,为优化性能,当状某个状态将要改变的值与原状态的值一样时不需要更新视图,这样性能更佳!

猜你喜欢

转载自www.cnblogs.com/bamboopanders/p/12731106.html