React执行表格单行增删插操作时，是否会重渲染整个表格？

在React里处理表格的CRUD操作时，不会真的重渲染整个表格的DOM，只会更新受影响的行，但组件层面的渲染逻辑需要结合React的状态机制和优化手段来看：

• React是状态驱动UI的框架，表格的数据一般存在组件的state或者useState/useReducer里。当你执行添加、删除、更新操作时，本质是修改了这份状态数据，触发组件重新渲染。
• 但React有虚拟DOM的diff算法，它会对比更新前后的虚拟DOM结构，只把实际变化的部分同步到真实DOM里。比如你新增一行数据，React只会在真实表格里插入新的<tr>元素，不会重新渲染所有已存在的行；删除或更新某一行时，也只会针对目标行做DOM操作。
• 不过如果你的行组件没有做优化，组件层面可能会触发所有行的重渲染（也就是执行行组件的render函数），但这只是组件内部的逻辑执行，最终真实DOM还是只更新变化的部分。你可以用React.memo包裹行组件，或者用useMemo缓存生成的行列表，避免不必要的组件重渲染，提升性能。
• 和jQuery直接操作DOM的方式对比：React不需要你手动定位DOM元素去修改，只需要关注状态的变化，DOM更新由框架自动处理，逻辑更清晰，也不容易出现DOM操作的bug。

内容的提问来源于stack exchange，提问作者Elizabeth Martinez