Saltar al contenido

React i18next useTranslation Hook en el método auxiliar

Si encuentras algún fallo con tu código o proyecto, recuerda probar siempre en un entorno de testing antes añadir el código al trabajo final.

Solución:

Resolví mi problema al no usar el useTranslation gancho más

En cambio, moví el i18n inicialización a un archivo (i18n.tsx – exportaciones i18n) e importarlo y usarlo en mi clase Utils

Mi Utils.tsx el archivo no tiene este aspecto Utils.tsx

...
import i18n from '../i18n';
...
export function helperFunction(props: any)
   //do stuff

   //use imported i18n and call the t() method
   i18n.t("needTranslation");

i18n.tsx

import i18n from "i18next";
import Backend from 'i18next-xhr-backend';
import  initReactI18next  from 'react-i18next';

i18n
  .use(Backend) 
  .use(initReactI18next) // passes i18n down to react-i18next
  .init(
    lng: "es",
    fallbackLng: 'en',
    backend: 
      loadPath: '/static/locales/lng/ns.json'
    ,    
    interpolation: 
      escapeValue: false
    
  );

  export default i18n;

Eres capaz de favorecer nuestra función añadiendo un comentario y valorándolo te lo agradecemos.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *