javascript - 如何修复 React-Native 中的 Error 'You Likely forgot to export your component from the file..etc' 错误？

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)，但是在我的设备上使用 atom 运行应用程序时出现错误。

我们将不胜感激。

Answer 1

嘿，把你的代码改成这样就可以了。

从“ react ”中导入 react ；从 'react-native' 导入 { Text };

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