在一个javascript文件中为整个网站创建标签

在一个javascript文件中为整个网站创建标签,javascript,reactjs,internationalization,Javascript,Reactjs,Internationalization,我正在使用react js创建一个多语言网站 有没有办法创建一个javascript文件,我可以把我所有的文本、标签放在那里,然后在网站上使用它们 我该怎么做呢?如果你想将i18n添加到你的应用程序中,有几种方法可以实现。在中,您可以找到类似的解决方案。Yahoo创建了一个名为的库(插件?) 但如果您想创建自己的文件,可以创建一个json文件,如: { "en":{ "okButton": "OK", ... }, "es:{ "okButton": "Ace

我正在使用react js创建一个多语言网站

有没有办法创建一个javascript文件,我可以把我所有的文本、标签放在那里,然后在网站上使用它们


我该怎么做呢?

如果你想将i18n添加到你的应用程序中,有几种方法可以实现。在中,您可以找到类似的解决方案。Yahoo创建了一个名为的库(插件?)

但如果您想创建自己的文件,可以创建一个json文件,如:

{
  "en":{
    "okButton": "OK",
    ...
  },
  "es:{
    "okButton": "Aceptar",
    ...
  }
  "de": { ... }
}
然后选择一种语言。或者您可以为每种语言创建一个语言文件,这将为您提供更大的灵活性和更小的文件

假设您为每种语言创建了一个文件(
i18n_en.json,i18n_es.json
…),然后您可以检查要加载的当前语言是什么,并使用Ajax调用加载所需的文件,生成URL,如下所示:

const LANG_URL='/myPath/lang/i18n_';
var langFileUrl= LANG_URL+ language+'.json';

如果你想将i18n添加到你的应用程序中,有几种方法可以实现。在中,您可以找到类似的解决方案。Yahoo创建了一个名为的库(插件?)

但如果您想创建自己的文件,可以创建一个json文件,如:

{
  "en":{
    "okButton": "OK",
    ...
  },
  "es:{
    "okButton": "Aceptar",
    ...
  }
  "de": { ... }
}
然后选择一种语言。或者您可以为每种语言创建一个语言文件,这将为您提供更大的灵活性和更小的文件

假设您为每种语言创建了一个文件(
i18n_en.json,i18n_es.json
…),然后您可以检查要加载的当前语言是什么,并使用Ajax调用加载所需的文件,生成URL,如下所示:

const LANG_URL='/myPath/lang/i18n_';
var langFileUrl= LANG_URL+ language+'.json';

我已经更新了答案,您可以通过AJAX获取文件,具体取决于要加载的语言。我已经更新了答案,您可以通过AJAX获取文件,具体取决于要加载的语言