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

Question

我目前无法访问Chrome中的React Developer Tools。当组件不能立即清晰时，我该怎么做才能辨别组件在网页上的位置？

Answer 1

如果使用 html name 属性为组件指定唯一名称，则可以从 chrome 开发工具的元素选项卡中筛选该名称。如果您实际上试图查看它在页面中的位置，那么只需在过滤到它后在元素页面中单击它。它将在Chrome中概述，您可以使用$0在控制台中引用它。