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

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