Next-i18next 即时翻译

Question

有没有办法使用next-i18next 库翻译某些内容而不用router.push 更改语言环境？

我有 3 个语言环境：['en', 'de', 'fr']，默认为 de。当我尝试做类似的事情时：

import {useTranslation} from 'next-i18next'

const Component = () => {
  const { t } = useTranslation("common");
  console.log(t('word', { lng: 'fr' }));
}

虽然我当前的语言环境是de，但它返回的是de 的翻译版本，而不是fr。

Answer 1

如果参考此文档https://react.i18next.com/latest/usetranslation-hook，如果不更改整个系统语言就不可能翻译某些内容，您可以使用两种方式更改系统语言：

你描述的一个router.push

另一个是：

const { t, i18n } = useTranslation();

i18n.changeLanguage('de');
console.log( t('word') );
i18n.changeLanguage('en-US');

但是这个解决方案非常难看，因为你会为非常小的日志切换整个系统语言。

如果您将描述真实案例，可能会帮助您找到真正的解决方案。真实案例意味着为什么你需要在 DE 上记录翻译词等等。