Estoy tratando de crear una variable que esté en el medio de la cadena de traducción, pero no pude encontrar una solución. Necesito todas mis traducciones en 2 idiomas diferentes: 'en' y 'de'
Mi código se ve así:
import { useTranslation } from 'react-i18next'
const { t } = useTranslation('payment');
const companyName = 'Probando'
<Typography>{ t('setup with company name', <b>{companyName: companyName}</b>)</Typography>
Mi archivo de traducción:
pago en.json { "setup with company name": "Please contact {{ companyName }} to re-edit or re-send this invitation.", }
pago de.json: { "setup with company name": "Bitte wenden Sie sich an {{ companyName }} um diese Einladung nochmal zu bearbeiten oder neu zu erhalten." }
necesita usar el componente Trans si desea usar etiquetas dentro de la traducción.
https://react.i18next.com/latest/trans-component
import { Trans } from 'react-i18next' const { t } = useTranslation('payment'); <Trans t={t} i18nKey="setup with company name"> Please contact <b>{{ companyName }}</b> to re-edit or re-send this invitation. </Trans>y luego la traducción así:
// EN "setup with company name": "Please contact <1>{{companyName}}</1> to re-edit or re-send this invitation.", // DE "setup with company name": "Bitte wenden Sie sich an <1>{{ companyName }}</1> um diese Einladung nochmal zu bearbeiten oder neu zu erhalten."