React总是检查整棵树吗？

Question

当通过调用setState更新组件时，React是在整个DOM树上运行diffing算法，还是仅在属于更新组件的部分上运行？

例如，如果我的app中有10000个组件，并且在没有子节点的组件中调用setState（它是树的叶子），React会遍历整个大型DOM树（这会很慢） ）或只有组件生成的DOM树（速度会快得多）？

Answer 1

不，当您仅在叶节点上调用setState时，React将不会遍历整个树。

在调用setState时，react将仅重新呈现调用了setState的组件（树节点）以及作为子节点的任何组件（节点）。应该注意的是，如果实际上要从调用setState表示更改，React将只更新DOM。

React团队的成员之一Vjeux撰写了一篇很好的博客文章，详细介绍了反应差异算法的工作原理，以及调用setState时的工作原理。这是link。