React 是一个非常流行的前端框架，可以快速搭建交互式的应用程序。在 React 中，社区提供了许多有用的 npm 包，以方便开发者构建应用。其中，react-discussion 是一个用于嵌入 Disqus 评论系统的插件。本文将介绍 react-discussion 的使用方法。
安装
首先，你需要在你的 React 项目中安装 react-discussion，使用以下 npm 命令：
npm install react-discussion --save
配置
在完成安装后，你需要为 react-discussion 添加 Disqus 的配置。你可以在 Disqus 网站上注册一个账号，并创建一个评论区，以便在你的网站中使用。
然后，你需要在使用 react-discussion 的组件中添加以下配置参数：
| 参数名称 | 描述 |
|---|---|
| shortname | 你的 Disqus 网站的短名称。 |
| identifier | 标识当前页面唯一的标识符。可以是当前页面的 URL，或者你自定义的标识符。 |
| title | 当前页面的标题。 |
| url | 当前页面的链接地址。 |
| onNewComment | 当新评论被添加时的回调函数。用户添加新评论后，Disqus 会调用这个函数，并传入评论信息。这是一个可选参数。 |
| language | Disqus 的语言设置。默认为英语。 |
在组件中，你可以像以下方式引入 react-discussion：
-- -------------------- ---- -------
------ --------------- ---- -------------------
----- ------------- - -- -- -
------ -
----------------
---------------------------------
----------------------------
----------- ------
------------------------
----------------------- -- ---------------- ---------- ---------
-------------
--
--
--示例代码
下面是一个完整的 React 组件，它演示了如何在 React 中使用 react-discussion。
-- -------------------- ---- -------
------ ----- ---- --------
------ --------------- ---- -------------------
----- ------------- - -- -- -
------ -
----------------
---------------------------------
----------------------------
----------- ------
------------------------
----------------------- -- ---------------- ---------- ---------
-------------
--
--
--
------ ------- --------------结论
react-disquussion 是将 Disqus 嵌入到 React 网站中的好方法，让你的用户可以方便的进行评论交流。在本文中，我们介绍了如何安装，配置和使用 react-discussion，希望对你有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055df281e8991b448db950