数据变会导致 hook 函数重新运行生成新的 vdom ，然后新旧 vdom 对比后再去更新真实 dom 节点

> 如果上面保存 Shape 的列表 ShapeList 有成千上万个，一旦变更里面的一个 React 都要重新遍历 map ，重新绘制所有子组件吗，这不很浪费吗？

你这个场景只能说明每次触发更新生成了大量的 vdom ，《重新绘制所有子组件》可不一定，得看新旧 vdom diff 的结果

多写写就习惯了，本质上是操作 dom 的方法那么多，改成操作数据减轻心智负担。

这个 map 里的 if 判断这块。再单独抽一个组件做这个事情，是可以做到性能优化的