哪个是最简单的方法来为我的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 

这是非常基本的，只适用于简单的标签，如果你想有变量，复数和其他格式，你应该学习如何使用一些伟大的库o那里。

想象一下，你必须发展自己i18next，它一定会const的更多的努力，然后去学习准备使用的东西