在 react-native 中运行应用程序时出错

Question

我的 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

三件事：

1. 您正在导入 IndexScreen，而不是 index.js

2. 它不是import { React } from "react"; . 它是import React from "react";

3. 您正在使用 const 从文件中导出。 将其用作反应组件的导出您可能应该这样做：

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

Answer 3

终于解决了，其实我在导入后没有添加换行符或空行就定义了一个function组件是错误的。