React Native - index.jsファイルでコンポーネントとコンテナを分離できません - 再エクスポートモジュール

Question

リファクタリングして、コンポーネントとコンテナを別々のディレクトリに分けようとしています。私はpattern Tyler McGinnis usesに従っています。

私はこのようなコンポーネントをインポートできるようにしたいと思います：

import { CardReplacement } from './Containers'

ので、私はあなたがディレクトリがここに作る見ることができます 適切なindex.jsに私のすべてのコンポーネントを輸出しています：

また、私はindex.jsファイルにエクスポートするよ、私のコンポーネントでexport defaultを使用しています。このような

しかし、私は取得していますエラーが：

任意のアイデア：

"予期しないトークン、{（7 1）期待されますか"？ Reactプロジェクトでこのパターンを使用しましたが、うまくいきました。そこには、これを防ぐ原則がありますか？

さらに調査したところ、これはバベルのエラーで、インストールしようとしましたが、babel-preset-react-native-stage-0が修正されませんでした。

Answer 1

私は解決策を見つけましたが、以前はこの構文を見たことがありませんでした。

まずインポートしてからエクスポートする必要があります。あなたも、このようにそれを行うことができるはず

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

簡単な使用export CardReplacement from './CardReplacement/CardReplacementに、babel-preset-react-native-stage-0

Answer 2

をインストールします：私はまた、輸出を中心に{}を使用する必要が

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