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

Question

我想将我的 ReactJS 应用程序翻译成不同的语言。

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

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

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

任何简单的教程或者我该如何做到这一点？

谢谢

Answer 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，这肯定会比学习现成的东西花费更多的精力