Как установить язык для компонента react-i18next `<Trans>`?

Question

Используя функцию перевода basi c из i18next, вы можете указать язык для отображения английского sh и другого языка бок о бок:

import { useTranslation } from 'react-i18next'

...

const { t } = useTranslation()

...

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

Однако <Trans> компонент, похоже, не имеет lng prop / option… или есть?

(Не обращайте внимания на то, что нет дополнительной разметки html, которая обычно используется с тегом <Trans />. Это упрощенный пример.)

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>]}
/>

Рабочий пример