React Testing Library：用rerender替代卸载重渲染是否可行？

直接说核心差异：这俩操作模拟的是完全不同的组件生命周期场景，得根据你的测试目标选：

• 用rerender的情况：
  它不会触发组件的卸载/挂载流程——比如componentWillUnmount、useEffect的清理函数、componentDidMount这些生命周期钩子都不会跑。组件内部的状态会原封不动保留，只是拿新props重新渲染一遍。说白了，就是模拟同一个组件实例在挂载期间更新props的场景，和文档里说的“测试props更新”完全匹配。

• 用unmount+render的情况：
  这是彻底的“拆了重装”——先触发卸载流程（执行清理函数、卸载钩子），然后创建一个全新的组件实例挂载到DOM上。组件内部的所有状态会被完全重置，就跟第一次渲染一模一样。这模拟的是组件从DOM里被移除后，又重新添加上去的真实场景。

回到你的需求：你要测试的是组件卸载再挂载后的渲染差异，那必须用unmount+render，不能用rerender。理由很实在：

1. rerender根本不会触发卸载和重新挂载的生命周期，模拟的场景和你要测的完全不沾边
2. 组件内部状态没被重置，测试出来的结果和真实的卸载再挂载行为肯定不一致

举个实际例子：如果你的组件在useEffect里订阅了某个数据，卸载时会取消订阅。用rerender的话，清理函数不会执行，新的订阅也不会重新触发（除非依赖项变了）；但用unmount+render的话，会先取消旧订阅，再重新创建新订阅，这才是真实的卸载再挂载该有的行为。

React Testing Library的文档里也明确说了，rerender是给“同一挂载周期内的props更新”用的，你的测试场景是卸载再挂载，完全是两码事，自然得用对应的测试方式。

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