【问题标题】:How to render country flags in a React application?如何在 React 应用程序中渲染国家标志?
【发布时间】:2022-06-30 15:32:16
【问题描述】:

对国旗使用一个 SVG 符号文件更好,还是应该为每个国家/地区使用单独的 SVG? 请让我知道我可以遵循的任何选项或建议。

我似乎无法为这个问题找到合适的解决方案。如果我们使用单个文件,我们必须进行多次 HTTP 调用来按需获取这些文件。或者是否有任何其他高性能/简单的方式来加载标志?

我见过一些提供标志的 3rd 方库,是否有必要包含一个仅用于标志管理的库?任何建议/帮助表示赞赏。

【问题讨论】:

  • 因为我们有固定数量的国家/地区拥有标志的 SVG 精灵会更高效,因为我们将能够在加载一次后缓存它并无限期地使用它

标签: javascript reactjs flags


【解决方案1】:

有一个名为 react-country-flag 的包,它接受国家代码作为道具并显示 flag 。 有名字的国家代码可以显示在以下网站https://www.html-code-generator.com/html/drop-down/country-names

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2022-11-15
    • 1970-01-01
    • 1970-01-01
    • 2018-11-12
    • 2018-09-22
    相关资源
    最近更新 更多