Каков правильный синтаксис, чтобы заставить их работать вместе?

Question

Я все еще получаю навыки реакции + редукса и ES6.Я пытаюсь реализовать i18n, и я сталкиваюсь с проблемой необходимости экспортировать i18n translate с помощью моего редукса.

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

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

Answer 1

версия 1:

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

версия 2: (но я не уверен, что lodash compose все еще существует) import {compose} из 'lodash';

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

youможет быть также заинтересованы в таких пакетах, как Recompse

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

Вы пробовали:

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