Add Comments to Your React App
这是 FastComments 的官方 React 库。
在您的 React 应用中嵌入实时评论、聊天和审阅小部件。
仓库
在线演示 
在 https://fastcomments.com/commenting-system-for-react 在线试用每个小部件。
安装
NPM
npm install --save fastcomments-reactYarn
yarn add fastcomments-react实时展示
要在本地查看针对公共 demo 租户运行的每个小部件和流程，请克隆仓库并运行：
cd examples/example-showcase
npm install
npm start每个小部件/流程在 examples/example-showcase/src/views/ 下都有自己的视图，您可以将其直接复制到您自己的 React 应用中。
示例
各个使用场景（暗色模式、分页等）位于 examples/ 下的各自文件夹中。每个都可以通过 npm install 进行安装，并用 npm start 启动。
用法
主 Widget 组件
FastCommentsCommentWidget 组件包含实时的 FastComments 评论小部件。
将下面的 "demo" 替换为您的 "tenantId" — 在 FastComments 管理区域的 此处 可用。
该组件支持许多选项 - 请参阅 src/index.tsx 中的 FastCommentsCommentWidgetConfig。
import React, { Component } from 'react'
import {FastCommentsCommentWidget} from 'fastcomments-react'
class Example extends Component {
render() {
return <FastCommentsCommentWidget tenantId="demo" />
}
}更新当前页面（针对 SPA）
要更新评论线程所关联的页面/文章，您必须更新配置参数 "urlId" 和 "url"。示例和说明见 此处。
账户区域（注意：欧盟客户）
如果您位于欧盟，您需要告知客户端小部件您的区域。参见 examples/example-eu;
否则，您无需定义 region。
评论计数 Widget
FastCommentsCommentCountWidget 组件包含实时的 FastComments 评论计数小部件。
将下面的 "demo" 替换为您的 "tenantId" — 在 FastComments 管理区域的 此处 可用。
有关支持的配置选项，请参阅 src/index.tsx 中的 FastCommentsCommentCountConfig。
import React, { Component } from 'react'
import {FastCommentsCommentCountWidget} from 'fastcomments-react'
class Example extends Component {
render() {
return <FastCommentsCommentCountWidget tenantId="demo" urlId="https://example.com/some-page-or-id" />
}
}原生
有关完全原生实现 FastComments，请参阅 fastcomments-react-native-sdk。
对于使用 webview 的 React Native 包装器，请参阅 fastcomments-react-native.
维护状态
这些组件是围绕我们的核心 VanillaJS 组件的包装器。我们可以自动更新这些组件（修复错误、添加功能），而无需发布此库，因此虽然它可能一段时间内不会发布，但这并不意味着 FastComments 没有处于积极开发中！欢迎查看 我们的博客 以获取更新。破坏性 API 更改或功能绝不会在不对此库进行版本提升的情况下推送到底层核心库。
需要帮助？
如果您在使用 React 库时遇到任何问题或有任何疑问，请：
贡献
欢迎贡献！有关贡献指南，请访问 GitHub 仓库。