使用React和Redux构建多语言应用程序的最佳方法是什么？

Question

我正在启动一个新的react.js项目，它需要两种语言的支持。该应用程序的UI和来自服务器的数据中将包含大量文本。

我的问题是如何：首先：在UI语言之间切换，其次：基于UI切换器获取翻译的数据？

我是否通过Redux来做到这一点，在Redux上，我根据用户选择的语言来更改商店和所有reducer中的数据？

成功和轻松完成此操作的最佳方法是什么，因为这是我第一次使用React实现多语言应用程序？

Answer 1

不要将翻译存储在redux中。将它们存储在配置文件中，并且仅将语言设置存储在Redux中。在您的组件中，连接到redux，通过mapStateToProps传递语言，并在您的render（）方法中，从配置中获取文本。

例如：

import config from './config';

//////////

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

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