如何在控制台中返回React元素值？

Question

这看起来很简单，但我很难找到任何相关资源。我在一个网站上，在检查员中看到以下内容：

我希望能够编写某种jQuery表达式，它将在“Products”键下返回id的数组，但无法弄清楚如何访问创建的React元素中的值。

非常感谢任何帮助！

Answer 1

React Devtools可能有所帮助。它提供的页面视图类似于Chrome内置的“元素”视图，但特定于React的组件层次结构。

如果您需要查看的是一系列ID，您可以检查任何组件的道具和状态。如果您需要进行某种javascript操作，可以将prop或state项“导出”为控制台中可访问的全局变量。

Answer 2

正如我从您的评论和问题中所理解的那样，您正在寻找一种方法来调试您的反应组件并显示作为道具传递的数据。

如果这是正确的，我建议你使用react developer tools 这样，您可以检查组件并查看其状态和支撑。

以下是您发布的网站上的一个示例：