📄️ 介绍
React Flow 是一个用于构建基于节点的应用程序的库。这些可以是任何东西，从简单的静态图到数据可视化再到复杂的可视化编辑器。您可以实现自定义节点类型和边缘，它附带开箱即用的小地图和视口控件等组件。
📄️ 术语和定义
在文档的这一部分中，我们将解释一些基本的 React Flow 术语和定义。在 React Flow 中你会经常使用的三个东西是节点、边和句柄。
📄️ 核心概念
在下面的部分中，我们将向您介绍 React Flow 的核心概念，并解释如何创建交互式流程。流由节点和边（或仅节点）组成。您可以将节点和边数组作为 props 传递给 ReactFlow 组件。因此，所有节点和边缘 ID 都必须是唯一的。节点需要一个位置和一个标签（如果您使用自定义节点，这可能会有所不同），而边缘需要源（节点 ID）和目标（节点 ID）。您可以在节点选项和边缘选项部分中阅读有关选项的更多信息。
📄️ 视口
React Flow 的默认平移和缩放行为受到滑动地图的启发。您可以通过拖动进行平移，通过滚动进行缩放。您可以使用提供的属性轻松自定义此行为：
📄️ 插件组件
React Flow 附带了几个额外的插件组件。在本指南中，我们向您展示如何使用它们。我们在这里使用之前的示例代码。