介绍

React Flow 是一个用于构建基于节点的应用程序的库。从简单的静态图表到数据可视化，再到复杂的可视化编辑器，它无所不能。你可以实现自定义节点类型和边，它还自带小地图和视口控件等组件。如果你想快速入门，请查看快速开始，否则，让我们来看看 React Flow 的主要功能。

主要功能

👌易于使用：React Flow 已经具备了许多开箱即用的功能。拖动节点、缩放和平移、选择多个节点和边缘以及添加/删除边都是内置功能。

🎨 可定制：React Flow 支持自定义节点类型和边类型。由于自定义节点只是 React 组件，因此你可以实现任何需要的功能：你不会被锁定在内置的节点类型中。 自定义边可让你在节点边添加标签、控件和定制逻辑。

🌩 快速渲染：React Flow 只渲染发生变化的节点，并确保只显示视口中的节点。

🧩 内置插件：我们在 React Flow 中提供了一些开箱即用的插件：

• <Background /> 插件可实现一些基本的自定义背景图案。
• <MiniMap /> 插件可在屏幕一角显示小版本的图形。
• <Controls /> 插件可添加缩放、居中和锁定视口的控件。
• <Panel /> 插件可让你轻松将内容放置在视口的顶部。
• <NodeToolbar /> 插件可让你呈现连接到节点的工具栏。
• <NodeResizer /> 插件可让你轻松为节点添加调整大小的功能。

💪 可靠：React Flow 完全由 TypeScript 编写，可以及早发现 bug 并轻松修复。在其他方面，我们拥有强大的 cypress 测试套件，因此你可以放心地依赖 React Flow。

继续前进

现在你已经对 React Flow 有了更好的了解，下一节将介绍一些常用术语，你会在整个文档中看到这些术语的重复出现：节点、边和连接桩。