在對象中反應本機存儲屏幕並導入該對象

Question

我開始學習React Native，並遇到了我無法解決的問題。

在文件Screens.js中，我想將所有屏幕存儲在一個對象中並導出所述對象。

// Screens.js example

import { HelloScreen } from './HelloScreen';

export const screens = {
    hello: HelloScreen,
};

然后，我想將“屏幕”對象導入App.js，然后在其中使用“ HelloScreen”

import { screens } from './screens/Screens';

export default createStackNavigator({
  Home: {
    screen: screens.hello
  },
});

但是這里沒有定義“屏幕”。

我究竟做錯了什么？ 我也收到此錯誤消息：路由“ Home”的組件必須是React組件。

在此先感謝您的幫助。

Answer 1

我想到了。 我必須從中更改在“ Screens.js”中導入“ HelloScreen”的方式：

import { HelloScreen } from './HelloScreen';

對此：

import HelloScreen from './HelloScreen';