其实很简单。只需按cmd D(如果在mac上)，模拟器将创建一个弹出菜单。从那里只需点击“调试JS远程”或类似的东西。注意，在执行与某些包相关的代码时运行调试器会给人们带来问题。我有一个问题与反应本机映射和调试器。但这是固定的。不过，在大多数情况下，你应该没问题。

如果你想了解检查网络流量和理解原生UI视图层次结构。通过其可扩展的插件API, React Native Update版本为调试移动应用程序提供了开发人员工具。

Flipper是一个调试移动应用程序的很棒的开发工具。该工具随react-native 62一起发布

对于Android应用程序，如果你正在使用Genymotion，你可以通过按CMD + m来切换菜单，但你可能必须在菜单中启用它。

取消小部件 通过CMD + m单击debug在chrome中启用它

在模拟器- react-native Run -ios中运行你的应用程序 按ctrl + d，然后点击Debug JS remote

网页应该在http://localhost:8081/debugger-ui打开，如果没有输入URL，在Chrome中进入这个链接 右键点击页面，点击检查，它应该打开chrome开发工具

转到顶部菜单中的源代码，在右侧的文件资源管理器中找到你的js类文件 您可以将断点放到视图中，并在其中调试代码，如图所示。

在终端adb logcat *:S ReactNative:V ReactNativeJS:V 在Android Studio中打开项目，打开logcat(底部面板上的按钮) 在终端react-native Run -android中运行

构建完成后，您应该在logcat中看到Android Studio中的详细日志。

这真的取决于我在做什么。如果我正在更改UI或调试UI，我通常会打开实时和热重新加载并进行更改，然后获得即时反馈。如果它是更技术性的东西，我打开JS调试来查看应用程序的状态。然而，因为在react本机中重新加载是如此之快，如果状态太混乱，我只是控制台日志。