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

Question

我正在重构并尝试将组件和容器分离到不同的目录中。我正在关注pattern Tyler McGinnis uses 。

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

从 './Containers' 导入 { CardReplacement }

所以我将所有组件导出到适当的index.js中您可以在此处查看目录组成:

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

但是我遇到了这样的错误:

"Unexpected token, expected { (1:7)"

有什么想法吗？我之前在 React 项目中使用过这种模式，效果很好。 React Native 中有什么东西可以阻止这种情况发生吗？

经过进一步调查，我注意到这是一个 babel 错误，并尝试安装 babel-preset-react-native-stage-0 但没有修复。

Answer 1

您也应该能够这样做:

从“./CardReplacement/CardReplacement”导出{默认为CardReplacement}