如何在 react native 的构造函数方法中打印/控制台日志道具



伙计们,

请帮助我在构造函数中打印/控制台道具。我已经尝试了控制台.log(this.props(,但不确定它在哪里打印。

我正在使用安卓模拟器进行反应原生开发。

请帮忙。

您可以使用模拟器菜单上的"远程调试JS"选项查看控制台,但我强烈建议使用名为"React 本机调试器"的独立应用程序

https://github.com/jhen0409/react-native-debugger

您不仅可以查看控制台日志,还可以查看组件信息、属性、样式、网络选项卡、redux 操作、状态等。

不确定,如果您询问如何调出控制台?

在 Android 模拟器上,应用启动后,按CMD + M调出选项并选择"远程调试JS",这将在chrome

>控制台

.log的输出正在为Android模拟器和设备打印

打开终端并运行以下命令:-

 $ react-native log-android

现在在模拟器或设备上运行应用程序,您将看到日志。

您将在终端内看到日志。

同样可以为iOS执行以下操作:-

$ react-native log-ios

谢谢

一个纯 React 组件可以声明如下:

class MyComp extends React.Component {
   constructor(props) {
       super(props)
       console.log(props)
       ...
    }
    ...
}

在上面的代码中,它将显示传递给组件的 props 对象。

在您的情况下,您必须使用对象/函数方法来定义组件,这会导致范围混淆 this .

最新更新