为我的 reactjs 应用程序实现翻译的最简单方法是什么？

【问题标题】：Which is the easiest way to implement a translation for my reactjs app?为我的 reactjs 应用程序实现翻译的最简单方法是什么？
【发布时间】：2016-07-03 19:40:06
【问题描述】：

我想将我的 reactjs 应用翻译成不同的语言。

我看到有一个名为 i18next 的模块，它似乎是我正在寻找的，但我不知道如何实现它，因为涉及到很多文件，非常混乱。

是否有任何简单的方法可以使用任何模块或简单的代码来翻译我的应用程序？

我的想法是根据语言使用不同的文件，例如 es-es.js、en-en.js ...等。

任何简单的教程或我该怎么做？

谢谢

【问题讨论】：

有什么问题？文档非常简单i18next.com/docs
你说的是 react-native 应用还是 react for web？
@DanielBasedow React 网页版

标签： javascript reactjs internationalization

【解决方案1】：

对于翻译标签的简单方法，您可以编写自己的模块，如下所示：

let lang = "en";
const i18n = {
  "en": {
     "hello": "hello"
  },
  "es": {
     "hello": "olla"
  }
}

export const t = (str) => i18n[lang][str] || str;
export setLang = lang => {lang = lang}

然后你可以像这样在代码中的某个地方使用它

import {t, setLang} from 'i18n'

setLang('es');
t('hello') // => olla

这是非常基础的，仅适用于简单的标签，如果您想要变量、复数形式和其他格式，您应该学习如何使用一些很棒的库。

假设你必须自己开发 i18next，肯定会比学习现成的东西付出更多的努力

【讨论】：