如何设置react-i18next`<Trans>`组件的语言？

Question

使用i18next的基本翻译功能，您可以指定一种语言，以便同时显示英语和另一种语言：

import { useTranslation } from 'react-i18next'

...

const { t } = useTranslation()

...

`${t('Official Ballot')}/${t('Official Ballot', { lng: 'es' })}` // Official Ballot/Boleta Oficial

但是<Trans>组件似乎没有lng道具/选项……还是它？

（忽略没有<Trans />标签通常使用的其他html标记。这是一个简化的示例。）

import { Trans } from 'react-i18next'

...

<Trans i18nkey="Official Ballot" /> // Official Ballot 

⬆如何为此标签设置“ lng”？

Answer 1

Trans组件具有一个tOptions属性，该属性将传递给t方法。

<Trans
  i18nKey={"message"}
  tOptions={{ lng: "de" }} // <--
  components={[<strong>placeholder</strong>]}
/>

A working example