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

Question

情境： 我有一个React组件，显示在我的网站上的一个选项卡中。导航到同一网站中的另一个选项卡卸载该组件，然后导航回原始选项卡再次渲染该组件。

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

我的问题是：组件是否没有被删除，还有另一种方法可以删除我没有做的组件，或者React开发人员工具控制台是否显示了以前的组件？

Answer 1

我建议检查实际的DOM，而不是你在devtools中看到的。 devtools中可能存在错误。 React的devtools如何工作的方式有点棘手。页面中发生的事情与实际的devtools ui之间的通信取决于几个因素。有一个内容脚本，后台脚本是他们编写的桥梁等等。如果您看到DOM中的组件编号增长，则问题不在devtools中，而是在您的应用中。