实用程序

🌐 Utils

addEdge()

这个工具是一个便捷函数，用于向边数组中添加新的边。它还会执行一些验证，以确保你不会添加无效的边或重复已有的边。

ReactFlow 组件上的各种事件可以产生一个 EdgeChange，用于描述如何以某种方式更新流的边。如果你不需要任何自定义行为，这个工具可以用来接收这些变化的数组并将它们应用到你的边上。

ReactFlow 组件上的各种事件都可以产生一个 NodeChange，它描述了以某种方式更新流中的节点。如果你不需要任何自定义行为，这个工具可以用来获取这些更改的数组并将它们应用到你的节点上。

getBezierPath 工具返回渲染两个节点之间贝塞尔边所需的一切。

给定一个可能互相连接的节点数组以及一个包含所有边的数组，这个工具会为你提供一个数组，其中包含连接任意给定节点的边。

这个工具用于告诉你哪些节点（如果有的话）与给定节点作为边的源节点连接。

返回包含数组中所有给定节点的边界框。当与 `getViewportForBounds` 结合使用时，这在计算将给定节点适合于视口的正确变换时非常有用。

这个工具用于告诉你哪些节点（如果有的话）与给定节点作为边的目标相连。

getSimpleBezierPath 工具返回渲染两个节点之间简单贝塞尔边所需的一切。

getSmoothStepPath 工具返回渲染两个节点之间阶梯路径所需的所有内容。borderRadius 属性可用于选择这些阶梯角的圆润程度。

计算两点之间的直线路径。

此工具返回给定边界的视口。你可以使用它来预先计算服务器上给定节点集合的视口，或计算给定边界的视口，而不直接更改视口。

测试一个对象是否可以作为边。在 TypeScript 中，这是一个类型守卫，如果返回 true，它将把你传入的任何值的类型缩小为 Edge。

测试一个对象是否可以作为节点使用。在 TypeScript 中，这是一个类型保护，如果返回 true，它将把你传入的任何值的类型缩小为 Node。

一个方便的工具，用于将现有的边重新连接并应用新的属性。它会在你的边数组中搜索具有匹配 ID 的边，并使用你提供的连接更新其属性。