ReactJS 国际化

【问题标题】：ReactJS internationalizationReactJS 国际化
【发布时间】：2021-12-10 23:56:28
【问题描述】：

我正在寻找可能的解决方案来部署具有内部化功能的 reactJS 应用程序。我一直在研究 18n、i18next、react-i18next、react-intl。但需要一个解决方案，将翻译文件从代码库中维护出来，单独维护，为客户端提供业务修改内容，无需部署。

【问题讨论】：

您需要从 Web 应用程序外部提取翻译，因此使用某种可以将翻译作为 JSON 或任何其他适当格式提供的外部服务。有很多第三方服务可以本地化内容。然后，您可以使用 i18next、react-i18next、react-intl 来处理 Web 应用程序中的翻译。

【解决方案1】：

i18n支持在init之后使用addResourceBundle函数添加资源包：

i18n.addResourceBundle("en", "translations", {
    "Welcome to React":
      "Welcome to React and react-i18next, thanks for waiting 5 seconds"
});

您可以查看this sandbox，了解在初始化 5 秒后使用 addResourceBundle 函数的实时工作示例。

或者，您也可以使用i18n 支持的其他lazy loading functions。

【讨论】：