在前端开发中，使用图标可以使页面更具有交互性和美观度。在 React 项目中，React-gh-emojis 是一个非常好用的图标库，它包含了 GitHub 的 emoji 图标和其他常用的图标。本文将介绍如何使用这个 npm 包。
安装
使用 npm 安装 React-gh-emojis：
npm install --save react-gh-emojis
安装完成后就可以在项目中使用这个库。
使用
React-gh-emojis 是一个 React 组件，可以直接在组件中使用。
首先需要导入组件：
import Emoji from "react-gh-emojis";
然后我们可以在组件中这样使用：
<Emoji nama="smile" />
这里的 nama 属性指定了要使用哪一个图标，这里使用的是 smile。
更多属性
React-gh-emojis 还支持一些其他的属性，可以实现更多的效果。
emojiSize
可以通过 emojiSize 属性来设置图标的大小，例如 20px。
<Emoji nama="smile" emojiSize="20px" />
svg
可以通过 svg 属性来设置是否使用 svg 图标，默认为 false。如果设置为 true，则会使用 svg 图标。
<Emoji nama="smile" svg={true} />示例代码
下面是一个完整的 React 组件，使用了 React-gh-emojis 来展示图标列表。
-- -------------------- ---- -------
------ ----- ---- --------
------ ----- ---- ------------------
----- ------ - -
--------
-----------
-----------
--------
-------
-----------
-------------
--
-------- ----------- -
------ -
-----
------------------- -- -
---- ------------
------ ------------ --
--------------------
------
---
------
--
-
------ ------- ----------这个组件会展示一个图标列表，列表中包含了几个常用的图标。在实际项目中，可以使用这个组件展示更多的图标。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005564e81e8991b448d32e1