React Native中如何查看变量值？以及fetch请求内console.log无法输出Userpassword变量的问题解决

先解决你遇到的Fetch请求问题 #

你在JSON.stringify的对象里加console.log(Userpassword)无效，是因为对象字面量只能包含键值对，不能直接插入执行语句，这属于语法错误，Runtime环境根本不会执行这个console.log，甚至可能导致整个请求无法正常发起。

正确的做法是把console.log放在JSON.stringify外面，比如：

// 先打印变量，再发起请求
console.log('userName:', user);
console.log('Userpassword:', password);

fetch('https://localhost:3000/api/usuario/login', {
  method: 'POST',
  headers: {
    'Accept': 'application/json',
    'Content-Type': 'application/json',
  },
  body: JSON.stringify({
    userName: user,
    Userpassword: password
  })
});

React Native中查看变量值的常用方法 #

• 基础console.log打印：这是最直接的方式，把console.log(变量名)放在变量定义完成、即将使用的位置，就能在调试控制台看到变量值。如果是异步场景，要确保变量已经被赋值后再打印哦。
• 用Chrome DevTools/React Native Debugger调试：
  打开调试菜单（iOS按Cmd+D，Android按Cmd+M或Ctrl+M），选择"Debug"选项，就能唤起Chrome开发者工具。你可以在Console面板看日志，也能在Sources面板给代码加断点，暂停后直接查看变量的实时值。
• Flipper调试工具：这是React Native官方推荐的调试套件，集成了日志查看、网络请求监控、状态管理调试等功能，能更直观地追踪变量和请求数据。
• UI临时展示变量：如果想快速在界面上看到值，可以在组件的JSX里临时加个Text组件：

  <Text>当前password值：{password}</Text>
  

  测试完成后记得删掉这段临时代码～

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