在 React Native 中登录到控制台

1. 在 React Native 中使用 console.log() 登录到控制台
2. 在 React Native 中使用 Chrome 开发者工具登录控制台

在开发任何应用程序时，都需要登录控制台进行调试。它的控制台易于访问 Web 应用程序，Web 开发人员可以看到记录到控制台的值。

让我们看看如何为使用 React Native 创建的移动应用程序做同样的事情。

在 React Native 中使用 console.log() 登录到控制台

日志记录是调试移动应用程序的宝贵工具。尽管如此，许多开发人员还是完全避免使用它，因为在 React Native 中登录到控制台不像在浏览器中那样直观。

React Native 允许你使用 JavaScript 开发 Web 应用程序。因此开发人员可以使用 console.log() 方法在终端中记录某些内容。

问题是移动应用程序中的控制台更难访问。让我们看一个调用 console.log() 方法的简单 React Native 组件。

const SomeComponent = () => {
  const variable = 20
  console.log(variable)
  return (
    <View>
      <Text>Hello, world!</Text>
    </View>
  )
}

在 React Native 中，要访问记录到控制台的当前值，我们必须运行这些命令之一。

react-native log-ios
react-native log-android

可能很清楚，但第一个命令是针对 iOS 的，第二个是针对 Android 的。

在 React Native 中使用 Chrome 开发者工具登录控制台

另一种查看记录值的好方法是将你的应用程序与 Chrome 开发人员工具连接起来，并在那里查看记录值。

为此，你必须先安装浏览器。然后，你必须使用适当的命令来运行应用程序，适用于 iOS 或 Android。

下一步是打开 developer 菜单并选择 Debug JS Remotely 选项。选择此选项将在浏览器中打开 Debugger 页面。

最后，你必须导航到开发人员选项页面（工具 -> 更多工具 -> 开发人员选项）并打开控制台选项卡。