gpt4 book ai didi

javascript - 在 React Native 中查看组件层次结构

转载 作者:数据小太阳 更新时间:2023-10-29 06:15:45 26 4
gpt4 key购买 nike

调试 React 网站时,我可以使用 React Developer Tools 查看组件层次结构:

picture of React devtools

我如何在 React Native 中做同样的事情? rage shake 菜单包含一个“检查器”,但它似乎只能让我通过点击它来检查单个元素 - 我看不到任何浏览完整组件层次结构的方法。

最佳答案

不幸的是,从 react-native 0.12 版本开始,Devtools 的“React”选项卡不再起作用。这是a known issue .

有一个 quite active discussion on Github已经开放了一段时间,但还没有解决方案。

更新

Devtools“React”选项卡在 Chrome 中仍然不起作用,但最新的 Nuclide内置了! (这是一个构建在 Atom 之上的 IDE)。

安装 Atom 和 Nuclide 包后,启动您的应用并停用 chrome 或 safari 调试。

然后,在 Atom 中按 Cmd+Shift+P 将触发命令面板,您可以通过搜索 React Native Inspector 来切换开发工具:

Inspector

关于javascript - 在 React Native 中查看组件层次结构,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33938937/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com