SuperAPI AI 工具集

react-flow

前端与建站

查看项目

更新于 10-15 21:40

技能介绍

用途:为 React Flow 库提供结构化参考,覆盖节点式 UI 与流程图开发所需的 API 文档、教程、示例与排错资料。

主要能力:文档按目录组织,包含 learn(基础概念、构建流程、交互、自定义节点与边、布局、SSR/SSG、状态管理、子流程、测试、主题、TypeScript 等)、troubleshooting(常见错误、迁移至 v10/v11/v12、移除归因)、components(ReactFlow、ReactFlowProvider、Background、Controls、MiniMap、Handle、Panel、NodeResizer、NodeToolbar 等)、hooks(useReactFlow、useNodes、useEdges、useStore、useViewport 等)、types(Node、Edge、Connection、Viewport、事件处理类型等)、utils(addEdge、applyNodeChanges、getBezierPath、getSmoothStepPath 等)、examples(拖拽、分组、白板、布局、样式等)、samples(基础流程、自定义节点/边、Zustand 状态管理、Dagre 自动布局等)。

使用方式:从任务映射到类别,先读该类别 README.md 定位目标页面,再读取对应 .md 文件获取细节。例如查组件 Props 看 components,查 Hook 看 hooks,查排错看 troubleshooting,查示例看 examples 或 samples。资料未提供具体安装命令细节,仅在 scripts 中提及安装、测试与 UI 组件相关文档入口。

适用场景:使用 React Flow 构建节点编辑器、流程图、思维导图、白板、幻灯片、连线交互等 React 应用时的开发参考。

限制:资料未提供版本兼容范围、许可证、收费与价格信息、平台支持细节,也未给出实际安装命令与完整代码示例,需要时以官方文档为准。