react 记录

关于 react 函数式组件的 re-render

当一个 react 的父组件通过 state 发生重渲染时会发生什么呢？

从代码角度来看，这个父组件函数会重新执行一遍，如果不作其它处理，它的子组件函数也会重新执行一遍。这就是 react 所谓的 re-render。

需要注意的是，re-render 时会将新返回的虚拟 dom 节点和老的虚拟 dom 节点进行比较，对发生改变的节点使用 setAttribute 等 api 进行精准更新。所以 re-render 的性能消耗并没有想象中的那么大。