问题标签 [react-devtools]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
reactjs - React Devtools 4 DOM 更新亮点
React Devtools 4.x 中的 Highlight DOM 更新在哪里？
直到上周它仍然存在（它是旧的 React Devtools 3.x 吗？），现在它已经消失了。
它是否被“Profiler”选项卡取代？
reactjs - React devtools 在 V4 中“突出显示更新”
他们是否删除了在React Dev Tools V4中突出显示更新的功能？我似乎无法在任何地方找到它。我真的很想念它。
你知道吗，这东西？
reactjs - 在 MS Edge 的 React 应用程序中调用 setState 后输入没有更新
我创建了一个 React 应用程序。它在 IE、Opera、Chrome、FF 中按预期工作。我在状态更新后在 Edge 中渲染一个组件时遇到问题。我无法帮助自己使用 React Devtools for Chrome，因为它应该在那里工作。
我的组件是两个输入字段的组合。一种是数字输入，可以由用户操作，另一种显示相同的数字值，但格式为货币字符串。当用户单击该字段时，具有格式化值的字段将隐藏并显示非格式化输入字段。当用户离开可编辑输入时，之前隐藏的输入再次显示。
因为每次onchange触发事件时状态都会改变，我希望其他输入也会在 each 和 every 上更新onchange。这是因为它被隐藏了吗？
这是代码，我尽量简化它：
最低 HTML：
javascript - 是否可以编写脚本在 React 组件上注入 props？
所以这有点疯狂。我使用了一个使用 React 构建的 Web 应用程序，它做出了一些我不同意的设计决策。
幸运的是，设计实际上很简单，可以按照我想要的方式进行更改。我可以打开 Chrome React 开发工具并更改分配给特定组件的道具。
但我不想每次都手动执行此操作，这不值得。我想编写一个（超级hacky）个人的javascript，我可以将它注入到页面中，它会修改传递给这个组件的道具。
想知道是否有人知道从 React 外部注入 props 的简单技巧。也许可以挂钩到 React 用来响应开发工具的任何机制？
reactjs - 你如何突出显示 React Dev Tools V4 中的更新？
reactjs - React-Devtools 停产了还是刚搬家？(React Native 调试)
我今天开始使用 React Native，并react-devtools从 npm repo 下载以调试 React Native Expo 应用程序的组件层次结构。它工作正常，但有时会崩溃。
这就是为什么我试图搜索一些新版本或其他东西的原因，我发现该项目的 GitHub 存储库不再存在（https://github.com/facebook/react-devtools）并被移动到（https://github .com/facebook/react）。我不明白我现在在哪里可以在 React 主要 repo 中找到这个工具？还是项目停止了？有一些等价物吗？我使用的是旧版吗？
甚至在浏览器中调试（http://localhost:19001/debugger-ui/）告诉我从不存在的 repo 下载这个应用程序。
reactjs - React 开发工具空白组件
你好，有人知道我的反应开发工具有什么问题吗？组件选项卡为空白
reactjs - React 开发工具不显示组件名称或状态变量名称
这是 Google Chrome 中新的 React 开发工具的截图：
仅显示顶级组件名称AdminArea。这个组件在我脚本的入口文件中，index.jsx. 还应该有 AddNewCoupon 和 ViewCoupons 组件。没有启用过滤器。
另请注意，组件内的状态挂钩命名仅显示“状态”。这些是展位 useState() 挂钩。
可以看到 useReducer 的初始状态变量名称，但这只是因为我直接将该变量导出并导入到入口文件index.jsx中。
有人知道如何解决这些标签问题吗？
reactjs - React 开发工具不更新状态
我遇到了上周刚刚开始发生的 React Dev Tools 问题。在此之前它工作正常。问题是状态没有对发生的变化做出反应，尽管它们在“背景”中更新（例如，输入到输入框中的文本没有使用标准的 onChange/handleChange 函数注册。如果我点击“复制到现在出现在“状态”框中的剪贴板“按钮并将其粘贴到控制台中，状态已明确更新。它只是不显示。有没有其他人遇到过这个并知道修复。
我已经广泛地搜索了这个问题，并且只看到了整个组件显示停止工作的最近问题。但这是一个单独的问题。我的只涉及状态更新。
reactjs - DevTools 中带有 React 钩子的组件名称
我刚刚将一个从基于类的类更新为一个功能性组件。
当我查看 React 的 DevTools 时，我通常会看到我的组件以Gallery所有命名的状态变量命名。
但现在，我看到的只是一个_default用一堆非描述性State:定义命名的组件。
从其他答案中，我了解到 React Dev Tools 现在支持钩子，但我没有看到任何组件名称错误的示例。
这是正常行为还是我做错了什么？
版本
反应16.9.0
React 开发者工具 Chrome 扩展：4.1.1
在 Firefox 中也遇到同样的问题。
组件代码
渲染代码
开发工具截图
