React Native - 无法使用index.js文件分隔组件和容器 - 重新导出模块

Question

我正在重构并尝试在单独的目录中分离我的组件和容器。我跟随pattern Tyler McGinnis uses。

我希望能够导入这样的组件：

import { CardReplacement } from './Containers'

所以我在相应的index.js中导出所有组件 您可以在此处查看目录：

我还在我在index.js文件中导出的组件中使用export default。

但是我收到这样的错误：

  

＆＃34;意外的令牌，预期{（1：7）＆＃34;

有什么想法吗？我之前在React项目中使用过这种模式并且运行正常。在React Native中有什么可以防止这种情况的吗？

在进一步调查中，我发现这是一个babel错误并尝试安装babel-preset-react-native-stage-0，但这并没有解决。

Answer 1

你也应该这样做：

export { default as CardReplacement } from './CardReplacement/CardReplacement'

Answer 2

我找到了一个解决方案但我以前从未见过这种语法。

我必须先导入它然后导出它。我还必须在导出周围使用{}：

import CardReplacement from './CardReplacement/CardReplacement' export {CardReplacement}

要简单使用export CardReplacement from './CardReplacement/CardReplacement，请安装babel-preset-react-native-stage-0