ES6複数のデフォルトエクスポートを行う方法

Question

私はまだreact + reduxとES6のハングを取得しています。私はsocketioを実装しようとしています、そして、私はreduioのconnectを使ってsocketioをexportする必要があるという問題に遭遇します。

reduxが

export default connect(mapStateToProps, matchDispatchToProps)(UserList); 

が接続socketio接続

export default socketConnect(App); 

質問 それらを連携させるための正しい構文は何ですか？

Answer 1

複数のデフォルトエクスポートを持つことはできません。

名前付きエクスポートを使用してください。

// moduleName.js  

export const ConnectedUserList = connect(mapStateToProps, matchDispatchToProps)(UserList) 

export const RealTimeApp = socketConnect(App); 

エクスポートを名前で指定する必要があります。

// otherModule.js 
import { ConnectedUserList, RealTimeApp } from "./moduleName" 

Answer 2

デフォルトのエクスポートと名前付きエクスポートを混在させることができます。

export default ConnectedUserList = connect(mapStateToProps, matchDispatchToProps)(UserList) 

export const RealTimeApp = socketConnect(App); 

そして、あなたはあなたのエクスポートインポートすることができ、後

：あなたのモジュールの消費者が無名のインポートを行う際に、それを割り当てることができる唯一の事がありますので

import ConnectedUserList, { RealTimeApp } from "./moduleName"