i18next 改变整个应用程序的语言

Question

希望您在另一个隔离日一切顺利！

我正在尝试使用 i18n 更改我的 React 应用程序的语言，但我遇到了问题。

这是我正在使用的代码片段（此代码位于组件 TopBar.jsx 中）

  function onSelectFlag(countryCode) {
    switch (countryCode) {
      case "US": {
        i18n.changeLanguage("en");
        break;
      }
      case "BR": {
        i18n.changeLanguage("po");
        break;
      }
      default: {
        i18n.changeLanguage("es");
        break;
     }
    }
  }

问题是，这段代码只是改变了组件语言，而不是整个应用程序语言。我做了一些研究，但没有找到任何东西...

有人知道如何解决这个问题吗？

谢谢！

Answer 1

好吧，通常...您已经研究了 1 小时零 2 分钟，在 Whosebug 中提问后，您找到了答案！

问题是我没有使用钩子来翻译其他组件... 所以，到处使用 useTranslations 钩子，解决了我的问题。

i18next 改变整个应用程序的语言

i18next change language of the entire app

javascript

components

internationalization

i18next

reactjs