我们如何使用api调用而不是在静态json中定义翻译来加载翻译？如何在React-i18next中完成？

Question

关于在React应用程序中使用国际化，需要使用api调用按需加载语言翻译文件，而无需预先定义它们。如何通过使用React-i18next来实现？

尝试使用React-i18next从静态预定义文件中选取正常翻译。使用xhr-backend进行了尝试，但无法找到任何示例来实现按需加载翻译相关数据的要求。

Answer 1

`从'i18next'导入i18next；从'i18next-xhr-backend'导入XHR；

var language = i18next.language ||'en-US';

const backendOptions = {类型：“后端”，crossDomain：否，allowMultiLoading：否，loadPath：your-backend-api/?locale_code=${language}，}

常量选项= {插值：{escapeValue：false，//反应不需要!!}，initImmediate：false，

debug：true，

lng：语言，

fallbackLng：语言，

//具有用于整个应用程序的通用名称空间ns：['翻译']，defaultNS：“翻译”，

反应：{等待：错误，bindI18n：'已加载语言更改'，bindStore：“添加删除”，nsMode：'默认'，defaultTransParent：'div'，}，};

options ['backend'] = backendOptions;

i18next.use（XHR）.init（options）

导出默认的i18next;

`