虚拟 DOM 和反应性能查询？答案

【问题标题】：Virtual DOM and react performance query?虚拟 DOM 和反应性能查询？
【发布时间】：2018-05-05 11:47:02
【问题描述】：

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

【问题讨论】：

如果此答案适合您，请将答案标记为“已接受”。

【解决方案1】：

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

例如，如果您只想在 myProp 更改时重新渲染组件：

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

【讨论】：

这就是我想要理解的，创建虚拟 DOM、消耗内存、实现差异算法的需求是什么。我的意思是反应在哪里真正闪耀。我认为如果 react 重新渲染整个父组件，包括子组件，那么 DOM 操作也不会那么慢/糟糕。