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，那么学习即用型东西肯定会更加努力

哪个是我的reactjs应用程序实现翻译的最简单方法？

1 个答案: