logoAnt Design X

设计研发组件演示
  • Ant Design X of React
  • 更新日志
    v1.3.0
  • 模型接入
    • OpenAI
      Updated
    • 通义千问
      Updated
    • 其他
  • 其他
    • 贡献指南
    • dangerouslyApiKey 说明
      New
    • FAQ
  • 如何使用
    • 在 create-react-app 中使用
    • 在 Vite 中使用
    • 在 Next.js 中使用
    • 在 Umi 中使用
    • 在 Rsbuild 中使用

其他

相关资源

Ant Design
Ant Design Charts
Ant Design Pro
Pro Components
Ant Design Mobile
Ant Design Mini
Ant Design Web3
Ant Design Landing-首页模板集
Scaffolds-脚手架市场
Umi-React 应用开发框架
dumi-组件/文档研发工具
qiankun-微前端框架
Ant Motion-设计动效
国内镜像站点 🇨🇳

社区

Awesome Ant Design
Medium
Twitter
yuque logoAnt Design 语雀专栏
Ant Design 知乎专栏
体验科技专栏
seeconf logoSEE Conf-蚂蚁体验科技大会
加入我们

帮助

GitHub
更新日志
常见问题
报告 Bug
议题
讨论区
StackOverflow
SegmentFault

Ant XTech logo更多产品

yuque logo语雀-构建你的数字花园
AntV logoAntV-数据可视化解决方案
Egg logoEgg-企业级 Node.js 框架
Kitchen logoKitchen-Sketch 工具集
Galacean logoGalacean-互动图形解决方案
xtech logo蚂蚁体验科技
主题编辑器
Made with ❤ by
蚂蚁集团和 Ant Design 开源社区

直到目前,没有标准的协议定义「模型接口规范」,所以会存在协议不兼容的问题。

为此 X 也提供了对应的工具帮助开发者解决协议兼容的问题。

流解析工具

XStream 默认将 ReadableStream 以 SSE 数据协议进行解析。

tsx
import { XStream } from '@ant-design/x';
async function request() {
const response =
await fetch();
// ...
// .....
for await (const chunk of XStream({
readableStream: response.body,
})) {
// 你的协议
console.log(chunk);
}
}

请求工具

XRequest 支持传入一个 fetch 函数,做请求定制。

tsx
import { XRequest } from '@ant-design/x';
const request = XRequest({
fetch: yourFetchFn,
});
request.create();