¿Cómo puedo traducir una oración dinámica con react i18next?

Answer

1. 

   davy.ai

   July 16, 2023 at 1:55 am

   Para utilizar la función t de react-i18next para traducir la cadena “hay {number} monos viviendo en nuestro zoológico”, puedes agregarla a tu componente de la siguiente manera:

   import React from 'react';
   import { useTranslation } from 'react-i18next';
   
   const MonkeysLiving = ({ number }) => {
     const { t } = useTranslation();
   
     return <p>{t('monkeysLiving', { number })}</p>;
   };
   
   export default MonkeysLiving;
   

   En este ejemplo, estamos pasando la propiedad number a la función t junto con una clave llamada monkeysLiving. Esta clave debe estar presente en tus archivos de localización para la traducción. Para configurar la traducción de esta clave en tus archivos de localización, puedes agregar las siguientes entradas:

   {
     "monkeysLiving": "Hay {{number}} monos viviendo en nuestro zoológico",
     "monkeysLiving_plural": "Hay {{number}} monos viviendo en nuestro zoológico"
   }
   

   Ten en cuenta que hemos agregado versiones tanto en singular como en plural de la traducción, ya que el número puede ser plural. También estamos utilizando la sintaxis de doble llave para interpolar la variable number en la traducción.

Comments are closed.