react native 中任何组件的所有道具和状态的列表

【问题标题】：list of all props and states of any component in react nativereact native 中任何组件的所有道具和状态的列表
【发布时间】：2017-10-24 08:52:30
【问题描述】：

是否有任何简单的方法可以在 react native 中获取任何组件的所有道具和状态？我想在列表中查看它们以及任何道具的数据类型。

（我问这个问题是因为有一个不错的 IDE Deco 只需将其拖放到编辑器上或单击该组件即可显示任何使用过的组件的道具。由于我使用的是 Windows 并且没有稳定的deco for windows 的版本，我想知道任何其他方法。通过使用另一个 IDE 或通过输入命令或其他任何方式......）

【问题讨论】：

使用React development tools，可作为浏览器扩展（适用于 Chrome 和 Firefox）或作为独立应用程序使用。
这也是反应原生的吗？？（对不起，我很天真）
你可以简单地在 Render 方法内部使用console.log(this);，因为它的作用域是组件的整个访问，所以 state 和 props 是现成的。

【解决方案1】：

抱歉，我还不能发表评论……是的，你也可以使用 react 开发者工具来进行 react native。使用：

npm install --save-dev react-devtools

然后在你的 package.json 脚本中添加：

"devtools": "react-devtools"

然后在终端中

npm run devtools

【讨论】：

我会试一试，然后告诉你进展如何
我尝试了 React 开发工具，因为我理解它很适合在我编译后查看组件，看看页面结构是如何有用的，但我不是在调试和运行后询问，而是我需要查看列表当我在代码中使用它们时，任何组件的所有道具和状态，因为那里有大量的组件，有些缺少文档。例如，我使用一些组件 XYZ，当我写标签 XYZ 时，我想查看所有可能的道具。