Question

我正在从另一个文件导入组件以在App.js文件中实现，但是Unfornatuley收到此错误：https://ibb.co/41ynFGX

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

import React from 'react';
import { Text } from 'react-native';

const Header = () => <Text> Hello Ahmed </Text>;


export default Header;

（App.js）代码：

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

const App = () => (
    <View>

       <Header />

    </View>

);

export default App;

在这里很好用（https://snack.expo.io/@ahmed105/tenacious-coffee），但是使用原子在设备上运行应用程序时出现错误。

任何帮助将不胜感激。

Answer 1

嘿，将代码更改为此即可。

从'react'导入React；从'react-native'导入{Text};

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

Answer 2

该错误表明：

检查“应用”的渲染方法

因此，请尝试将App导出为类组件并将代码放入其render方法：

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>
        );
    }
}

Answer 3

该错误已解决，因为该问题与代码本身无关，而该问题与React版本有关。正如@Rahul所说：“基本上React.14及更高版本支持React无状态函数定义，任何较低版本都可能不支持它。

所以我已经通过以下命令更新了React：npm install react @ latest 现在一切都很好。

Answer 4

如果正在使用expo中的MapView，则可能会收到此错误。因此请使用：反应本地地图

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

yarn add react-native-maps -E

和import MapView from 'react-native-maps';

如何修复React-Native中的错误“您可能忘记了从文件.etc导出组件”错误？

4 个答案: