Каков наилучший способ создания многоязычного приложения с реагированием и редукцией?

Question

Я начинаю новый проектact.js, для которого требуется поддержка двух языков.В приложении будет много текста как в пользовательском интерфейсе, так и в данных, поступающих с сервера.

Мой вопрос заключается в том, как: во-первых: переключаться между языком интерфейса, во-вторых: на основе переключателя пользовательского интерфейса извлекать переведенные данные?

Должен ли я сделать это через Redux, где я изменяю данные в хранилище и все редукторы в зависимости от языка, который выбрал пользователь?

Каков наилучший способ достижения этой цели?успешно и легко, так как я впервые внедряю многоязычное приложение с React?

Answer 1

Не храните переводы в редуксе.Храните их в конфигурационном файле и только в языковой настройке Redux.В ваших компонентах подключитесь к redux, передайте язык через mapStateToProps и в ваших методах render () получите текст из конфигурации.

Например:

import config from './config';

//////////

render() {
  const { language } = this.props;

  return <Text>{config.menuButton[language]}</Text>
}