【发布时间】：2018-11-18 23:53:57
【问题描述】：
TL;DR：需要在 React JS 代码上从网站上查找 UI 元素
基本上我正在做一个项目，我需要在网站的某些 ui 元素上放置 id 标签。代码是用 React JS 编写的，但是有很多页面，我找不到每个 ui 元素所在的页面。有没有一种方法可以让我在网站上使用 chrome 开发工具来查找每个页面的代码具体的ui元素？
（对不起，如果术语错误/令人困惑，我是编码新手）
【问题讨论】：
-
在浏览器上安装 react devtools 扩展
-
如上面评论中所述，试试React Dev Tools它可以让你看到DOM中的组件。否则，使用常识，我确定您的 IDE 具有 SEARCH 功能，使用开发工具在 div 上查找当前类或 ID，并在代码中查找这些。向您认为正确的组件添加一个“测试”类可以帮助您确保您在正确的位置。这就是为什么有时使用命名约定和良好的结构会在项目中产生重大影响的一个例子。
标签： javascript html reactjs google-chrome-devtools