Question

我一直在努力解决这个问题。

我正在研究https://github.com/hjnilsson/country-flags

基本上，该指令只说了npm install --save svg-country-flags

我做到了，但是我不确定如何在react中显示正确的标记甚至标记或render方法的大小。

文档甚至提供了以下信息：http://hjnilsson.github.io/country-flags/

通常会有类似<span className="icon au"></span>这样的HTML / CSS，但是没有更多文档。有想法吗？

有人可以帮忙吗？

Answer 1

存储库提供“ SVG和PNG格式的所有世界标记”。这意味着它只是方便格式的图像集合。它还提供了根据需要将图像调整为特定尺寸的功能。

要使用它，请按照您指定的方式安装存储库

npm install svg-country-flags --save

然后它将下载资源库并将SVG和PNG存储在node_modules/svg-country-flags/

要按原样使用它，您可以使用标准img元素添加一个标志。

<!doctype html>

<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Example using svg-country-flags</title>
  </head>

  <body>
    <img src="node_modules/svg-country-flags/svg/no.svg" height="50px" width="50px" title="Norwegian flag" />
  </body>
</html>

如果您需要特定尺寸的图像，read the documentation关于如何做到这一点。

Answer 2

您可以尝试使用IP2Location中的IP2Location™ Country Flags，其中包含根据ISO3166标准的全球249个国家的标志图像。

通过链接到ip2location-image-sprite.css，可以使用以下代码轻松调用国家/地区标志图像：

<i class="ip2location-flag-16 flag-au"></i>    //for au flag in 16px
<i class="ip2location-flag-32 flag-us"></i>    //for us flag in 32px

如何在节点中使用国家标记并做出反应

2 个答案: