1. 前言
React 是前端应用开发中广泛应用的 JavaScript 库，而 npm 则为开发者提供了大量的开源包，极大的方便了前端开发工作。在这里，我们介绍一个 npm 包 react-emojiboard，该包可以为 React 应用提供 Emoji 表情选择器。
2. 安装
在使用 react-emojiboard 之前，我们需要先安装该包。在终端中输入以下命令：
npm install react-emojiboard --save
如果你使用 yarn，那么可以输入以下命令：
yarn add react-emojiboard
3. 使用
我们可以通过以下步骤使用 react-emojiboard：
3.1 导入
首先，在你的项目代码中导入 react-emojiboard：
import EmojiBoard from 'react-emojiboard';
3.2 配置
接着，我们需要为 EmojiBoard 组件传入以下两个必要的属性：
- onSelect: 当用户选择一个 Emoji 表情时，该函数将被调用，并传入被选择的 Emoji 的代码点。
- onToggle: 当用户在 EmojiBoard 组件中打开或关闭表情选择器时，该函数将被调用。
例如：
-- -------------------- ---- -------
------------------------ -
--------------------- ------ ---------------
-
------------------------- -
------------------ ----- -------- --------------------
-
-------- -
------ -
-----------
-----------------------------
-------------------------
--
--
-完整的示例代码请看这里：
-- -------------------- ---- -------
------ ------ - --------- - ---- --------
------ ---------- ---- -------------------
----- ----------- ------- --------- -
------------------------ -
--------------------- ------ ---------------
-
------------------------- -
------------------ ----- -------- --------------------
-
-------- -
------ -
-----------
-----------------------------
-------------------------
--
--
-
-4. 结论
在本文中，我们介绍了如何使用 npm 包 react-emojiboard 来为 React 应用添加 Emoji 表情选择器，并提供了详细的使用教程及示例代码。希望这篇文章可以帮助你完成 Emoji 相关的开发工作。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600558d381e8991b448d6236