Guardé el archivo en public folder
en reaccionar para diferentes language
para la translation
. ahora tengo el requisito de obtener esos datos de la API
. Puedo llamar a la API y obtener datos. También sé cómo usar la translation
. pero no puedo incorporar la llamada API en el archivo de código de traducción.
API.
axios .get( 'http://localhost:8080/file_download/' + navigator.lnaguage ) .then((res) => { console.log(res.data); }); }); }
A continuación se muestra mi código de traducción de archivos estáticos. por ejemplo, en TRANSLATIONS_FR
necesito almacenar la salida de la API
.
i18file.js: -
import i18next from 'i18next'; const LanguageDetector = require('i18next-browser-languagedetector'); const initReactI18next = require('react-i18next'); import xios from 'axios'; import { TRANSLATIONS_FR } from './../public/locales/fr/fr.js'; import { TRANSLATIONS_EN } from '../public/locales/en/en.js'; i18next .use(LanguageDetector) .use(initReactI18next) .init({ resources: { en: TRANSLATIONS_EN, fr: TRANSLATIONS_FR, }, fallbackLng: 'fr', }); i18next.changeLanguage(navigator.language); export default i18next;
Tengo que insertar ese código API
en el archivo i18file.js
. si browser
detecta en
entonces tengo que llamar a english
y asignar resources
. si el navegador detecta frech, entonces tengo que hacer lo mismo.
¿Podría por favor sugerir? Voy a escribir el código.