javascript - 应该避免频繁创建上千个 ReactElement 吗？如果要，怎么避免？

Question

频繁就是每次 16ms
场景就是一个方格阵，要定时更新每个格子的状态,然后每个格子鼠标移上都会有一个 popup。

个人感觉给每个格子写成 Cell.js 在里面写逻辑比较优雅，但是不知道更新状态的时候创建那么多会不会有性能上的问题

Answer 1

如果你的元素只是同级的关系的话，那问题应该不大。如果是有树形关系的话那估计够呛了，曾经用 React 做一万个左右的属性结构渲染，完全渲染的性能非常蛋疼，最后只能分级加载，一级也就千把个才稍微好点。

Answer 2

为什么不用canvas绘制？虽然canvas做事件比较麻烦