简介

React Flow 是一个用于构建基于节点的应用程序的库。 这些可以是任何东西，从简单的静态图表到数据可视化再到复杂的视觉编辑器。 您可以实现自定义节点类型和边，并且它附带了开箱即用的微型地图和视窗控件等组件。

如果您想快速入门，请查看快速入门指南，否则让我们看一下 React Flow 的主要功能。

主要功能

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

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

⚡️ 快速渲染：React Flow 只渲染已更改的节点，并确保只显示视窗中的节点。

🧩 内置插件：我们开箱即用地为 React Flow 提供了一些插件。

• The <Background /> plugin implements some basic customisable background patterns.
• The <MiniMap /> plugin displays a small version of the graph in the corner of the screen.
• The <Controls /> plugin adds controls to zoom, center, and lock the viewport.
• The <Panel /> plugin makes it easy to position content on top of the viewport.
• The <NodeToolbar /> plugin lets you render a toolbar attached to a node.
• The <NodeResizer /> plugin makes it easy to add resize funtionality to your nodes.

💪 可靠：React Flow 完全用 TypeScript 编写，以便尽早发现错误并轻松修复。 对于其他一切，我们有一个强大的 cypress 测试套件，因此您可以放心地依靠 React Flow。

继续前进

现在您已经对 React Flow 有了更好的了解，下一页将介绍一些您将在整个文档中反复看到的常见术语：节点、边和句柄。