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

时间:2018-08-02 03:48:41

标签: javascript reactjs localization frontend language-translation

我已经开发了一个使用英语的 React js 的网站,但是我希望具有将网站语言更改为用户首选语言的功能。我该如何实现?

2 个答案:

答案 0 :(得分:1)

有一些很好的软件包可以实现此目的,您可以尝试i18n-reactreact-i18next这两个软件包都可以为您的网站添加国际化的一种好方法。我喜欢后面的版本,根据他们的文档,可以做到这一点。

<div>Just simple content</div>

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

simpleContent是i18n文件中定义的键,具有不同的翻译,因此您可以为用户提供选择一种语言的选项,该语言将根据所选语言更改组件的语言,以实现此目的。您需要更具体的设置,请查看上述链接上的文档。

答案 1 :(得分:0)

我建议一个更好的库是i18next。这很简单并且易于实现:

此处简要说明:https://dev.to/ksushiva/how-to-translate-your-react-js-app-with-i18next-12mn

官方文档:https://www.i18next.com/overview/comparison-to-others