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

Question

我目前无法使用Chrome中的React Developer工具。如果无法立即清除某个组件，该怎么办才能识别该组件在网页上的位置？

Answer 1

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