首页 > 解决方案 > 从 HTML 开发工具中查找 React JS 中的 UI 元素

问题描述

TL;DR:需要在 React JS 代码的网站上找到 UI 元素

基本上我正在做一个项目,我需要在网站的某些 ui 元素上放置 id 标签。代码是用 React JS 编写的,但是有很多页面,我找不到每个 ui 元素所在的页面。有没有一种方法可以让我在网站上使用 chrome 开发工具来查找每个页面的代码特定的ui元素?

(对不起,如果术语错误/令人困惑,我是编码新手)

标签: javascripthtmlreactjsgoogle-chrome-devtools

解决方案


如果我理解你想要什么我不好,但是如果你想获得 React Component 中存在的 UI 元素,我建议你使用 React Dev Tools:

https://github.com/facebook/react-devtools

如果您需要更多帮助,请分享代码片段以尝试为您提供更多帮助


推荐阅读