react.js模块中的多个导出默认

时间:2019-02-22 06:15:13

标签: reactjs redux

我在同一应用程序中使用redux connect和react-localization-redux。两者都需要导出默认值,如下所示

在react-localize-redux中

export default withLocalize(App);

在{connect} react-redux中

export default connect(mapStateToProps, mapDispatchToProps)(InvoiceAuditMenu)

如何在一个模块中同时传递两者。

1 个答案:

答案 0 :(得分:0)

您不能将2项内容导出为默认

将其中一个用作默认导出,将另一个用作命名导出

export const withLocalizeApp = withLocalize(App);
export default connect(mapStateToProps, mapDispatchToProps)(InvoiceAuditMenu);

OR

export default withLocalize(App);
export const connectedInvoiceAuditMenu = connect(mapStateToProps, mapDispatchToProps)(InvoiceAuditMenu);

或者您可以默认导出包含两个功能的对象

const obj = {
 withLocalize: withLocalize(App),
 connectedInvoiceAuditMenu: connect(mapStateToProps, mapDispatchToProps)(InvoiceAuditMenu)
}