如何在运行时执行JSON配置文件React JS？

Question

我想实现所有文本和图像的外部化。这意味着我只需更改json文件，它就会反映在我的实时webapp（SPA）中。为此我在json文件上制作了

     {
      "signup.validation.invalid.email": "Email is invalid",
      "signup.validation.require.email": "Email is required",
      "signup.validation.long.email": "Email is too long",
      "signup.validation.short.email": "Email is too short",
       ............
      }

我将此文件命名为en-us.json。并导入到我的app.js中，例如

  import {translations} from "./i18n/translations";

   export const translations = {
   "en-US": require('./../../public/en-US')
    }

那么任何人都可以帮助我如何实现外部化？

Answer 1

您可以为用户为整个Web应用程序选择的语言创建状态。当用户选择语言时，您可以使用translations

中的新语言来设置State（）