使用 react 和 redux 构建多语言应用程序的最佳方法是什么？答案

【问题标题】：What is the best way to build multi-language app with react and redux?使用 react 和 redux 构建多语言应用程序的最佳方法是什么？
【发布时间】：2019-06-14 06:34:30
【问题描述】：

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

我的问题是如何，第一：在 UI 语言之间切换，第二：基于 UI 切换器获取翻译后的数据？

我是否通过 Redux 来根据用户选择的语言更改 store 中的数据和所有 reducer？

因为这是我第一次使用 React 实现多语言应用程序，所以成功且轻松地完成此任务的最佳方法是什么？

【问题讨论】：

这个问题太宽泛了...
@SakoBu 我需要一些关于如何处理这样一个项目的工作流程指南？是否有任何类型的包可以促进该过程？

标签： reactjs redux internationalization react-router multilingual

【解决方案1】：

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

例如：

import config from './config';

//////////

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

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

【讨论】：

那么你的意思是我将 UI 翻译存储到 .JSON 文件中？
没错。存储在 JSON 文件中。