React Native Expo未捕获错误'this.props = t'答案

【问题标题】：React Native Expo Uncaught Error 'this.props=t'React Native Expo未捕获错误'this.props = t'
【发布时间】：2019-08-12 18:51:42
【问题描述】：

我对编码世界还比较陌生（1 年），最近才开始学习 react.js 和 react native。完成 react native 教程后，我停止并重新启动了我的打包程序，因为我的“应用程序”停止了实时加载或热加载。从它工作的那一刻起，我没有改变代码中的任何内容。任何解决此错误的帮助将不胜感激。

我已经尝试停止并重新启动我在博览会上的打包程序和我的模拟器 (genymotion)。我还查看了文件路径，以确保我在同一目录中运行我的打包程序。

import React, { Component } from 'react';

export default class App extends Component {
  render(){
  return (
    <View style={styles.container}>
      <Text>Welcome to my FIRST React Native</Text>
    </View>
  );
 }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center',
  },
});

然后我收到一条错误消息：

"Uncaught Error: undefined is not an object (evaluating 'this.props=t').

我希望这会产生与上述相同的错误代码。

【问题讨论】：

标签： javascript android reactjs expo

【解决方案1】：

我看到的唯一问题是 Component 不应该是函数调用。试试这个

export default class App extends Component {
}

请注意组件中缺少“()”。

【讨论】：

我进行了更改，现在我收到另一个错误消息，指出应用程序主程序尚未注册。
那么您的错误与此代码无关。尝试运行 expo start -c 以清除捆绑缓存...或提供有关您的项目的更多信息。
根据您的编译器停止的方式（通常是您的计算机冻结），您编译的 javascript 缓存可能会不时损坏。 -c 选项将清除那些缓存并从头重新编译整个项目。

【解决方案2】：

我注意到您将 Component 类扩展为一种方法，从技术上讲这没有什么问题，但它可能会导致冲突，您是否尝试过这个：

export default class App extends Component {
    // Your code 
}

【讨论】：

我进行了更改，现在我收到另一个错误消息，指出应用程序主程序尚未注册。

【解决方案3】：

你还没有导入 Text 和 View 和 StyleSheet...

import {Text, View, StyleSheet} from 'react-native'

你可以试试看是否有效

【讨论】：