在对象中反应本机存储屏幕并导入该对象

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';