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)