問題が発生しています。複数のファイルがあるフォルダがあると想像してください。各ファイルはコンポーネントを表します
だからここにいる:ファイル1:-コンポーネント1-コンポーネント2など..。
このフォルダーには、フォルダーからすべてのコンポーネントをエクスポートするためのindex.jsがあります。
すべてのコンポーネントでreactapolloを使用しているので、composeを使用します。
例えば :
export default compose(
graphql(loginMutation, {name: "login"}),
)(ConnectionScreen);
コンポーネントConnectionScreenの最後にあります。問題は私がこれをするときです
export Connection from "./Connection";
角かっこを追加しても機能しません(デフォルトなしでcomposeをエクスポートしようとすると)Reactはそれがコンポーネントではないと言っているので、フォルダー内のindex.jsを使用できません。
解決策はありますか?手伝ってくれてありがとう。
default's
個々のファイルからエクスポートしてからインデックスファイルに収集するのは、最初にfile1からデフォルトをインポートし、特定の方法で名前を付けてから、そのエイリアス名をエクスポートする必要があるため、面倒な場合があります。
IMO、大部分はデフォルトに依存するのではなく、より大きなコードベースで明示するために名前付きインポートを使用する必要があります。
これを行うには、コードを次のように変更します。
const connected = compose(
graphql(loginMutation, {name: "login"}),
)(ConnectionScreen);
export { connected as ConnectionScreen }
次に、インデックスに収集し、すべてを次のようにエクスポートします。
// index.js
export * from "./Connection";
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加