立即获取国旗

在处理我的一个项目时，有一个功能需要我根据国家代码显示特定的标志。

我的第一个方法是获取国旗的 zip 文件，并将其从 images 文件夹解压到本地。你可以从这里
下载国旗列表。

我以为这很容易。然后，我想既然这个项目是基于 ReactJs 的，或许会有一个针对国旗的 API。

然后我遇到了
Country Flags - 一个可以加载任何国家国旗的简单 API

那么，它是如何工作的呢？

HTML

<img src="https://flagcdn.com/:size/:country_code.png">

例子

<img src="https://flagcdn.com/48x36/za.png">

ReactJs 中的简单数据映射语法

代码：

function CountryList() {
  const countries_code = ["au", "af", "bd", "br", "in"];

  return (
    <div className="country-list">
      <ul>
        {countries_code.map((code, index) => (
          <li key={index} className="mr-16">
            <img src={`https://flagcdn.com/48x36/${code}.png`} alt="..." />
          </li>
        ))}
      </ul>
    </div>
  );
}
);

您可以在此处查看演示链接

结论
👏👏 读到这里，我希望你能在你的项目中实现这个很棒的国家/地区标志 CDN 和 API。所以，我建议你在项目中尝试一下，享受它！

如果您有任何问题或疑问，请随时分享您的想法和意见并给我留言。

到那时，
继续黑客攻击，干杯

文章来源：https://dev.to/younginnovations/get-instant-country-flags-22pe