在您的 React 应用中添加评论
这是 FastComments 的官方 React 库。
在您的 React 应用中嵌入实时评论、聊天和审阅小部件。
仓库
AI 编码代理 
为您的编码代理提供 FastComments 所需的上下文——小部件、配置、Secure SSO、REST API 和 SDK：
npx skills add fastcomments/skills兼容 Claude Code、Codex、Cursor、Copilot、Gemini，以及所有其他由 skills CLI 支持的代理。
实时演示
安装
NPM
npm install --save fastcomments-reactYarn
yarn add fastcomments-react实时展示
要在本地查看针对公共 demo 租户运行的每个小部件和流程，请克隆仓库并运行：
npm install
npm run build
cd examples/example-showcase
npm install
npm run dev示例通过 file:../.. 链接到库，因此需要在根目录运行一次 npm run build 步骤以生成 dist/。
每个小部件/流程在 examples/example-showcase/src/views/ 下都有自己的视图，您可以直接复制到自己的 React 应用中。
示例
各个使用案例（暗模式、分页等）位于 examples/ 下的各自文件夹中。每个案例都可以通过 npm install 进行设置，并使用 npm run dev（Vite）启动。
用法
主 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 仓库。