Question

我对编码世界还比较陌生（一年），最近才刚接触React.js和React Native。完成React本机教程时，我停止了，然后重新启动了打包程序，因为我的“应用”已停止实时或热加载。从工作开始到现在，我在代码中什么都没有改变。修复此错误的任何帮助将不胜感激。

我已经尝试从博览会和仿真器（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').

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

Answer 1

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

export default class App extends Component {
}

请注意组件中缺少的'（）'。

Answer 2

我注意到您正在将Component类作为方法进行扩展，从技术上讲，这没有什么问题，但它可能会导致冲突，请您尝试这样做：

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

Answer 3

您尚未导入Text and View和StyleSheet ...

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

然后您可以尝试一下是否可行

反应Native Expo Uncaught Error'this.props = t'

3 个答案: