reactjs - 即使卸载后，React 组件仍然存在

Question

场景:我有一个 React 组件，它显示在我网站的一个选项卡中。导航到同一网站中的另一个选项卡会卸载该组件，然后导航回原始选项卡会再次呈现该组件。

问题:我面临的问题是，较旧的 React 组件仍然显示在 React 开发人员工具控制台中，每次我导航回原始选项卡时，那里显示的组件数量都会增加一个。

我的问题是:组件是否没有被删除，是否有另一种方法可以删除我没有执行的组件，或者React开发人员工具控制台的行为是显示早期组件？

Answer 1

我建议检查实际的 DOM，而不是您在开发工具中看到的内容。开发工具可能存在错误。 React 的开发工具的工作方式有点棘手。页面中发生的情况与实际的开发工具 UI 之间的通信取决于几个因素。有内容脚本、后台脚本、他们编写的桥梁等等。如果您看到 DOM 中的组件数量不断增长，那么问题不在于开发工具，而在于您的应用程序。