Question

在React-Native运行应用程序时会出错

2019-11-12

183

reactjs react-native

我的 App.js 文件代码如下

import { createAppContainer } from "react-navigation";
import { createStackNavigator } from "react-navigation-stack";
import IndexScreen from "./src/screen/IndexScreen";
const navigator = createStackNavigator({
  Home: {
    screen: IndexScreen
  }
});

export default createAppContainer(navigator);

而我的 index.js 文件如下

import { React } from "react";
import { View, Text, StyleSheet } from "react-native";
const IndexScreen = () => {
  return (
    <View>
      <Text>IndexScreeen</Text>
    </View>
  );
};
const styles = StyleSheet.create({});

export default IndexScreen;

但是运行应用程序后出现此错误。

我的错误是什么

Answer 1

您正在导入 import IndexScreen from "./src/screen/IndexScreen"; ，并且您说您的文件被命名为 index.js ，对吗？

顺便说一句，当我尝试 import { React } from "react"; 时，我收到错误。但是，如果我尝试 import React from "react"; ，它就会成功。

Answer 2

终于解决了，其实是我犯了一个错误，在导入之后立即定义一个函数组件，没有添加换行符或空行。

Answer 3

三件事：

您正在导入 IndexScreen，而不是 index.js
不是 import { React } from "react"; 。而是 import React from "react";
您正在使用 const 从文件中导出。导出以将其用作 React 组件，您可能应该这样做：

class IndexScreen extends React.Component {
        render() {return (
            <View>
                <Text>IndexScreeen</Text>
            </View>
          );
        }
    }