介绍
react-disqus-thread 是一个基于 React 的 Disqus 线程组件。它可以方便地在 React 应用程序中添加评论功能，而无需手动编写 Disqus API。
安装
要安装 react-disqus-thread，首先需要确保你已经安装了 Node.js 和 npm。然后，在命令行中运行以下命令：
npm install --save react-disqus-thread
示例代码
下面是一个示例代码，展示如何使用 react-disqus-thread 在 React 应用程序中添加评论功能：
-- -------------------- ---- -------
------ ----- ---- --------
------ ------------ ---- ----------------------
----- ----------- ------- --------------- -
-------- -
------ -
-----
------ ---- ---------
------- -- -- ----- ---- ---------
-------------
-------------------
------------------------
--------- ---- -----
------------------------------------------
--
------
--
-
-
------ ------- ------------在上述示例中，我们传递了四个属性给 DisqusThread 组件：
shortname：你的 Disqus 帐户的短名称。identifier：此线程的唯一标识符。title：此线程的标题。url：此线程的 URL。
你需要将这些值替换为你自己的值。
配置 Disqus
在使用 react-disqus-thread 之前，你需要配置 Disqus。要做到这一点，先在 Disqus 网站 上创建一个帐户，然后按照其文档中的指示进行操作。
完成所有设置后，你应该能够找到你的 shortname。将此值传递给组件即可开始使用 react-disqus-thread。
注意事项
- 如果你在开发环境下使用 react-disqus-thread，可能会收到一个错误，指出“window”未定义。这是因为 Disqus 脚本默认只在浏览器中运行，而不是 Node.js 中运行。要解决此问题，请安装 disqus-react 包，并使用以下方式加载你的评论组件：
-- -------------------- ---- -------
------ - --------------- - ---- ---------------
----- ----------- ------- --------------- -
-------- -
----- --------------- - ----------
----- ------------ - -
----------- --------------
------ --- ---- ------
---- --------------------------------------
--
------ -
-----
------ ---- ---------
------- -- -- ----- ---- ---------
---------------- --------------------------- -----------------------
------
--
-
-- 当用户在 Disqus 上发布评论时，它们不会立即显示在你的网站上。相反，它们需要通过你的审核才能发布。要管理你的评论，请转到 Disqus 管理面板。
总结
使用 react-disqus-thread 可以很方便地为你的 React 应用程序添加评论功能。记得先配置 Disqus，然后根据需要传递必要的属性给组件即可。如果你在开发环境中遇到了问题，请考虑使用 disqus-react 包。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/38148