# @fencyai/react 中文文档

规范地址：https://npmcn.com/package/%40fencyai/react/

版本：0\.1\.227
npm 元数据更新时间：2026-10-28T05:41:20.841Z
中文译文更新时间：2026-11-14T14:16:46.473Z
软件包许可：MIT

本文由上游 README 翻译，可能存在偏差，请结合原文核对 API、命令与配置。版权与许可归原作者所有。

原始 npm 页面：https://www.npmjs.com/package/%40fencyai/react
原文对照：https://npmcn.com/package/%40fencyai/react/?lang=original

## 关键信息（来自 npm 元数据）

- 包体积（解压后）：432 kB，177 个文件
- 模块格式：ES Module
- TypeScript 类型：包内自带
- 运行依赖：0 个
- peer 依赖：react \>=16\.8\.0，motion ^11\.15\.0 \|\| ^12\.0\.0，remark-gfm ^4\.0\.1，@fencyai/js ^0\.1\.227，react-markdown ^10\.1\.0，react-syntax-highlighter ^16\.1\.0
- 首次发布：2025-07-04T21:40:52.992Z
- 最新版本发布：2026-10-28T05:41:20.631Z
- 近 30 天下载量：2293（2026-10-15 至 2026-11-13，npm 官方下载统计）
- 已发布版本数：223（近 12 个月 158 个）

## 中文简介

Fency AI 平台的响应组件和钩

## 安装

```sh
npm install @fencyai/react
```

也可以使用：`pnpm add @fencyai/react`、`yarn add @fencyai/react`、`bun add @fencyai/react`

## README

# `@fencyai/react`

官方反应 SDK 为 [(法语)](https://fency.ai/)。 。 。 .

详情请访问 [(原始内容存档于2018-03-21) (英语). docs.gency.ai](https://docs.fency.ai/)。 。 。 .

## 设置

挂载 `FencyProvider` **一次**在应用根。 每个 `useAgentTasks` 钩子和 它的每一个代理任务 共享相同的流。 不增加每名提供者 页面、组件、钩子或任务.

```tsx
import { loadFency } from '@fencyai/js'
import { FencyProvider, useAgentTasks } from '@fencyai/react'

const fency = loadFency({ publishableKey: 'pk_your_publishable_key' })

export default function App() {
  return (
    <FencyProvider
      fency={fency}
      fetchCreateStreamClientToken={async () => {
        const res = await fetch('/api/stream-client-token', { method: 'POST' })
        return res.json()
      }}
    >
      <Chat />
      <Search />
    </FencyProvider>
  )
}

function Chat() {
  const { createAgentTask } = useAgentTasks({
    fetchCreateAgentTaskClientToken: fetchChatToken,
  })
  return null
}

function Search() {
  const { createAgentTask } = useAgentTasks({
    fetchCreateAgentTaskClientToken: fetchSearchToken,
  })
  return null
}
```

`fetchCreateStreamClientToken` 不是每个任务的名称。 提供者重复使用 a 5分钟左右,然后薄荷一个新的。 你的后端应该 `POST /v1/sessions` 与 `{ createStream: {} }` 返回时 `{ clientToken }`。 。 。 .

## 常见问题

### @fencyai/react 是什么？

Fency AI 平台的响应组件和钩

### 如何安装 @fencyai/react？

在项目目录运行 npm install @fencyai/react，或使用 pnpm add / yarn add / bun add。它还需要宿主项目提供 peer 依赖：react（\>=16\.8\.0）、motion（^11\.15\.0 \|\| ^12\.0\.0）、remark-gfm（^4\.0\.1）、@fencyai/js（^0\.1\.227）、react-markdown（^10\.1\.0）、react-syntax-highlighter（^16\.1\.0）。npm 7 及以上与 pnpm 8 及以上默认会自动安装必需的 peer 依赖，Yarn 需要手动安装。

### @fencyai/react 支持 TypeScript 吗？

支持。包内自带 TypeScript 类型声明（package\.json 声明了 types 入口），安装后即可获得类型提示，无需再安装 @types 包。

### @fencyai/react 支持 ESM 还是 CommonJS？

以 ES Module 形式发布，推荐使用 import 引入。在 CommonJS 项目中，Node\.js 20\.19\+ / 22\.12\+ 可以直接 require\(\) 不含顶层 await 的 ES Module，更早的版本需要改用动态 import\(\)。

### @fencyai/react 可以商用吗？

@fencyai/react 使用 MIT 许可。宽松许可：允许商业使用、修改和再分发，通常只需在分发时保留原版权与许可声明。以上为概括，不构成法律意见，请以许可原文为准。

### @fencyai/react 的下载量有多少？

根据 npm 官方下载统计，@fencyai/react 在 2026/10/15 – 2026/11/13 这 30 天内被下载 2,293 次，日均约 76 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。

### @fencyai/react 还在维护吗？

最新版本 0\.1\.227 发布于 2026/10/28（17 天前）；至今共发布 223 个版本，其中过去 12 个月发布了 158 个；首次发布于 2025/07/05。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。