使它们一起工作的正确语法是什么？

Question

我仍然对React + redux和ES6感到困惑。我正在尝试实施i18n，但遇到了必须通过redux的连接导出i18n转换的问题。

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

export default translate("translations")(UserList);

Answer 1

您尝试过吗：

export default translate("translations")(connect(mapStateToProps, matchDispatchToProps)(UserList));

Answer 2

您的问题不是特别清楚。我的理解是，您正在尝试同时使用i18n和redux。您需要使用Compose将它们缝合在一起。

import { ..., compose } from 'redux'

compose(
  connect(...),
  translate("translations")
)(MyComponent)

https://redux.js.org/api/compose

Answer 3

我认为您只export default一次。并且您可以export使用多种功能。例如，export function Example(){}

Answer 4

版本1：

import './index.css';
import App from './App';

ReactDOM.render(<App />, document.getElementById('root'));

版本2： （但是我不确定lodash是否仍然是一个东西） 从'lodash'导入{compose};

export default translate('translations')(connect(mapStateToProps, matchDispatchToProps))(UserList)

您可能还对recompse

这样的软件包感兴趣