虚拟DOM和反应性能查询?

时间:2018-05-05 11:47:03

标签: reactjs virtual-dom

如果我有一个包含多个子组件的父组件,并且如果我更新父组件将重新渲染整个父组件,包括子组件?

1 个答案:

答案 0 :(得分:0)

是的,它默认会重新渲染所有嵌套的子组件。然而,在引擎盖下反应应用diffing算法来确定最终需要最终更新的dom节点。在大多数情况下,这种差异足够快且足够快。如果遇到性能问题,请查看生命周期方法shouldComponentUpdate(),您可以在其中定义组件(及其子组件)是否将被重新呈现。

例如,如果您只想在myProp更改时重新呈现组件:

shouldComponentUpdate(nextProps, nextState) {
  if (this.props.myProp !== nextProps.myProp) {
    return true
  }
  return false
}