Expo开发React Native应用：如何查看console.log输出的日志？

针对你用Expo创建的React Native应用，以下是几种查看console.log输出的常用方式：

• Expo启动终端：运行expo start启动项目后，执行命令的终端窗口会直接打印所有console.log的日志内容，无需额外操作。
• Expo Go开发者菜单+Chrome调试：
  • 物理设备上打开Expo Go运行应用，摇一摇设备唤起开发者菜单；iOS模拟器按Cmd + D，Android模拟器按Ctrl + M。
  • 选择「Debug Remote JS」选项，会自动打开Chrome浏览器的开发者工具，切换到「Console」标签即可查看日志。
• VS Code Expo插件面板：如果你用VS Code开发，安装Expo官方插件后，启动项目时可在插件的日志面板中直接查看所有输出。
• 原生工具日志：
  • iOS：打开Xcode的Organizer，连接设备后查看对应应用的日志，可过滤Expo相关进程。
  • Android：打开Android Studio的Logcat，选择你的设备和应用进程，就能看到包含console.log的日志。

另外补充个小细节：你代码里在setTask(null)后立刻console.log(task)，由于React的useState是异步更新的，这里输出的会是更新前的旧值。如果要查看更新后的task值，可以用useEffect监听：

import { useEffect } from 'react';

// ...

useEffect(() => {
  console.log(task);
}, [task]);

内容的提问来源于stack exchange，提问作者Dom