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

Question

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

在react-localize-redux中

export default withLocalize(App);

在{connect} react-redux中

export default connect(mapStateToProps, mapDispatchToProps)(InvoiceAuditMenu)

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

Answer 1

您不能将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)
}