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.