Javascript 如何修复错误'；您可能忘记了从文件中导出组件。etc'；反应本地错误？

我正在从另一个文件导入组件以在App.js文件中实现它，但不幸的是，出现了以下错误：

代码如下：https: （header.js文件）：

从“React”导入React；
从“react native”导入{Text}；
const Header=（）=>你好，艾哈迈德；
导出默认标题；

（App.js）代码：

从“React”导入React；
从“react native”导入{View}；
从“./src/components/Header”导入标题；
常量应用=（）=>(
);
导出默认应用程序；

它在这里工作得很好（），但我在使用atom的设备上运行应用程序时遇到了错误

---

如果您有任何帮助，我们将不胜感激。

请将您的代码更改为此，它将起作用

从“React”导入React； 从“react native”导入{Text}

export default Header = () => {
    return (
        <Text>
            Hello Ahmed
        </Text>
    );
};

导出默认头=（）=>{
返回(
你好，艾哈迈德
);
};

错误显示：

检查“App”的渲染方法

因此，请尝试将应用程序导出为类组件，并将代码放入其呈现方法中：

App.js

import React, {Component} from 'react';
import { View } from 'react-native';
import Header from './components/header';

export default class App extends Component {
    render = () => {
        return (
            <View>
                <Header />
            </View>
        );
    }
}

npm install react-native-maps --save-exact

yarn add react-native-maps -E

import React，{Component}来自'React'；
从“react native”导入{View}；
从“./components/Header”导入标题；
导出默认类应用程序扩展组件{
渲染=（）=>{
返回(
);
}
}

错误已解决，因为问题与代码本身无关，而与React版本有关。

---

正如@Rahul所说：“React.14及以上版本基本上支持React无状态函数定义，任何较低版本都可能不支持它

因此，我通过以下命令更新了React:npm installreact@latest

---

现在一切都很顺利。

如果使用世博会的MapView，可能会出现此错误。 因此，请使用：反应本机映射

import React, {Component} from 'react';
import { View } from 'react-native';
import Header from './components/header';

export default class App extends Component {
    render = () => {
        return (
            <View>
                <Header />
            </View>
        );
    }
}

npm install react-native-maps --save-exact

yarn add react-native-maps -E

---

而且，

从“react native maps”导入MapView；

我看不出您的定义有任何问题。您使用的react和节点版本是什么？react.14及以上版本基本上支持react无状态函数定义，任何较低版本都可能不支持它。@Rahul react native cli 2.0.1和node:v11.13.0非常感谢您，这是问题是，在我更新React的版本后，一切都进行得很顺利。Cool Happy Codeing:）我已经尝试过了，但同样的问题仍然存在。请检查您是否尝试从正确的位置导入它。检查您的文件夹结构。