如何在React中使用i18n

我正在开发一个React应用，并尝试使用i18n-iso-countries包来获取英语的country对象，该对象的键为iso代码，值为国家名称。这在节点上很容易，因为我已经用运行i18n-iso-countries npm docs显示方式的简单脚本进行了验证，例如：

const countries = require("i18n-iso-countries");
console.log(countries.getNames('en'));

但是当我在我的React应用程序（由create-react-app制作）中这样做时……

import countries from "i18n-iso-countries";
console.log(countries.getNames('en'));

...我得到一个空物体。当我在React中仅记录国家（console.log（countries））时，我看到它上面的函数“ getNames”以及文档中提到的其他函数，所以我不确定给出了什么。

只需添加此行！

countries.registerLocale(require("i18n-iso-countries/langs/en.json"));

[不知道为什么需要在React中添加这个（和Angular-我在这里找到答案How to use i18n-iso-countries in Angular 6-可能还有其他ui库/框架），所以如果有人可以解释，那将很酷，但是，至少，它是工作！

如何在React中使用i18n

我正在开发一个React应用，并尝试使用i18n-iso-countries包来获取英语的country对象，该对象的键为iso代码，值为国家名称。这在节点上很容易，因为我已经用运行i18n-iso-countries npm docs显示方式的简单脚本进行了验证，例如：

const countries = require("i18n-iso-countries");
console.log(countries.getNames('en'));

但是当我在我的React应用程序（由create-react-app制作）中这样做时……

import countries from "i18n-iso-countries";
console.log(countries.getNames('en'));

...我得到一个空物体。当我在React中仅记录国家（console.log（countries））时，我看到它上面的函数“ getNames”以及文档中提到的其他函数，所以我不确定给出了什么。

只需添加此行！

countries.registerLocale(require("i18n-iso-countries/langs/en.json"));

[不知道为什么需要在React中添加这个（和Angular-我在这里找到答案How to use i18n-iso-countries in Angular 6-可能还有其他ui库/框架），所以如果有人可以解释，那将很酷，但是，至少，它是工作！