javascript - 如何将网站语言转换为用户选择的语言 - React JS

Question

我已经用英语开发了一个带有React js的站点，但我希望具有将站点语言更改为用户首选语言的功能。我怎样才能做到这一点？

标签： javascriptreactjslocalizationfrontendlanguage-translation

Answer 1

有一些很好的包可以实现这一点，您可以尝试i18n-react或react-i18next这两个包都提供了向您的站点添加国际化的好方法。我喜欢后者，根据他们的文档实现这将是这样的。

<div>Just simple content</div>

至

<div>{t('simpleContent')}</div>

i18n 文件中定义的键在哪里simpleContent具有不同的翻译，因此您可以让用户选择一种语言，这将根据所选语言更改组件的语言，要实现这一点，您需要更具体的设置，检查上述链接上的文档。