在react with i18next中根据位置/浏览器语言设置更改语言

Question

我需要根据用户位置和/或浏览器语言设置更改应用程序的语言。我如何在i18next中做到这一点呢？它必须是i18Next，因为项目已经设置好使用它，使用另一个库将花费我很长时间来重构才能正常工作。

到目前为止，这是我的代码。我知道我需要在后端部分做一些事情，只是不知道是什么。

import i18n from "i18next";
import { initReactI18next } from "react-i18next";
import Backend from "i18next-xhr-backend";

i18n
  .init({
    backend: {

      loadPath: "/locales/{{lng}}/{{ns}}.json"
    },
    fallbackLng: "en",
    debug: false,
    keySeparator: false,
  });

export default i18n;

Answer 1

我使用了i18next-browser-languagedetector检测器。文档和示例在这里https://github.com/i18next/i18next-browser-languageDetector。字符串const options = { order: ['querystring', 'navigator'], lookupQuerystring: 'lng' }和init .use(LanguageDetector) .use(initReactI18next)中

将被添加到i18n.js文件中。