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

How to convert web site language into user selected language - React JS

我已经用 React js 开发了一个英语网站,但我想要将网站语言更改为用户首选语言的功能。我怎样才能做到这一点?

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

<div>Just simple content</div>

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

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

我建议的更好的库是 i18next。它非常简单易行:

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

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