React-ilyabirman-likely 是一个 React 组件库，用于在网站中添加分享按钮。这个组件库支持多种社交媒体平台，包括 Facebook、Twitter、Pinterest、Reddit 等等。本文将介绍如何使用 React-ilyabirman-likely。
安装
React-ilyabirman-likely 可以通过 NPM 安装，只需要运行以下命令：
npm install --save react-ilyabirman-likely
使用
在你的 React 组件中，你可以像这样 import React-ilyabirman-likely：
import Likely from 'react-ilyabirman-likely';
然后，在组件的 render 方法中，添加如下代码：
-- -------------------- ---- -------
- ------ -------------------------- -
- --- ------------------------ -
- ---- ----------------------------- ------ ------- ---- -
- ---- ------------------------------ -
- ------ ------------------ -
- --- -------------------- --
- ------- -
- ------ ----------------- -
- --- ------------------- --
- ------- -
- ------ ------------------- -
- --- --------------------- --
- ------- -
- ------ ---------------- -
- --- ------------------ --
- ------- -
- ----- -
- ---- -
- ------- -如上所述，Likely 组件需要 url 属性来指定当前页面的 URL。接下来，我们需要添加一个包含社交媒体图标的 div。这个 div 可以包含多个 Likely 组件，每个 Likely 组件代表一个社交媒体平台。
参数说明
Likely 组件有一些可配置的参数，可以通过传递 props 来设置。下面是这些参数的说明：
network：必填项，指定社交媒体平台。可以使用的值包括：facebook、twitter、pinterest、vkontakte、odnoklassniki、linkedin、tumblr、pocket、whatsapp、telegram 和 email。title：可选项，指定分享的标题。url：可选项，指定分享的 URL。description：可选项，指定分享的描述。id：可选项，为 div 元素指定一个 HTML ID。class：可选项，为 div 元素指定一个 HTML class。onClick：可选项，添加一个回调函数，当点击分享按钮时调用。
示例代码
下面是一个完整的示例代码，展示了如何使用 React-ilyabirman-likely：
-- -------------------- ---- -------
------ ----- ---- --------
------ ------ ---- --------------------------
----- ------------ - -- -- -
----- -------- - ---------------------
----- ---------- - ------ --- ---- ------- ---------
------ -
---- -------------------------
----- ----------------------------------- ------------
----- -------------------------------
------- ------------------ -------------- -------------------
---- -------------------- --
---------
------- ----------------- -------------- -------------------
---- ------------------- --
---------
------- ------------------- -------------- -------------------
---- --------------------- --
---------
------- ---------------- -------------- -------------------
---- ------------------ --
---------
-------
------
--
--
------ ------- -------------结论
React-ilyabirman-likely 是一个非常有用的 React 组件库，用于在网站中添加社交分享按钮。在这篇文章中，你学习了如何使用这个库，并且了解了如何通过 props 配置 Likley 组件。祝你使用愉快！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005590581e8991b448d6566