使用组件名称传递的日志道具

Question

当特定网址加载我的反应应用时，我想记录传递给该网页上每个组件的道具。我想知道组件的名称（它的名称或特定的文件名）以及它收到的道具

我想在本地或只是控制台日志上运行应用程序时将其记录在文件中

现在我必须去每个组件并制作一个console.log的道具很难，因为我们有一个巨大的反应应用程序与大量的组件

Answer 1

在不知道您需要的上下文的情况下，我的主要建议是使用React开发工具来检查组件。

这些工具同时适用于Chrome和Firefox。

当想要查看组件层次结构中使用的状态或道具时，我发现这些工具非常有用。值得注意的是，您也可以使用这些工具来编辑状态和道具。