如何分辨网页的哪一部分与特定的React组件相关联

Question

我目前无法使用Chrome中的React Developer Tools。当没有立即清除组件时，我该怎么做才能识别组件在网页上的位置？

Answer 1

如果您使用html name属性为组件分配了唯一的名称，则可以从chrome开发工具的elements标签中过滤该名称。如果您实际上是想在页面中查看它的位置，那么只需在过滤后在元素页面中单击它即可。它会在Chrome中显示，您可以在控制台中使用$ 0对其进行引用。