React、i18next 和 html attr lang

Question

我使用React+i18next，并且我的网站上有两种语言。

如何更改我页面上的 HTML 'lang' 属性？

我使用 i18next-browser-language detector 但 lang attr 没有改变

Answer 1

我解决了这个问题。

我将其添加到我的 App.js 文件中：

document.documentElement.lang = i18n.language;

Answer 2

如果您使用界面允许用户选择/更改

i18n

的活动语言，那么这里有一种方法可以向

i18n

实例添加回调，以保持 html lng 标签与 i18n 同步。

i18n.on('languageChanged', (lng) => (document.documentElement.lang = lng))