参考实用工具

实用工具

addEdge()

此实用工具是一个便利函数，用于将新的 Edge 添加到 Edge 数组中。它还执行一些验证，以确保您不会添加无效的 Edge 或者重复现有 Edge。

阅读更多

applyEdgeChanges()

ReactFlow 组件上的各种事件会产生 EdgeChange，它描述了如何以某种方式更新流的 Edge。如果您不需要任何自定义行为，则可以使用此实用工具来获取这些更改的数组，并将其应用于您的 Edge。

阅读更多

applyNodeChanges()

ReactFlow 组件上的各种事件会产生 NodeChange，它描述了如何以某种方式更新流的节点。如果您不需要任何自定义行为，则可以使用此实用工具来获取这些更改的数组，并将其应用于您的节点。

阅读更多

getConnectedEdges()

给定一个可能相互连接的节点数组以及所有 Edge 的数组，此实用工具将为您提供一个将所有给定节点连接在一起的 Edge 数组。

阅读更多

getIncomers()

此实用工具用于告诉您哪些节点（如果有）作为 Edge 的源节点连接到给定节点。

阅读更多

getNodesBounds()

返回包含数组中所有给定节点的边界框。这与 getTransformForBounds 结合使用时很有用，可以计算出将给定节点拟合到视窗中的正确变换。

阅读更多

getOutgoers()

此实用工具用于告诉您哪些节点（如果有）作为 Edge 的目标节点连接到给定节点。

阅读更多

getSmoothStepPath()

getSmoothStepPath 实用工具将返回您渲染两个节点之间步进路径所需的一切。borderRadius 属性可用于选择这些步进的圆角程度。

阅读更多

getViewportForBounds()

此实用工具将返回给定边界框的视窗。您可以使用此工具来预先计算服务器上给定节点集的视窗，或计算给定边界的视窗，而 _不_ 直接更改视窗。

阅读更多

isEdge()

测试某个对象是否可作为 Edge 使用。在 TypeScript 中，如果它返回 true，则这是一个类型保护程序，它将缩小您传递到 Edge 的任何内容的类型。

阅读更多

isNode()

测试某个对象是否可作为节点使用。在 TypeScript 中，如果它返回 true，则这是一个类型保护程序，它将缩小您传递到 Node 的任何内容的类型。

阅读更多

reconnectEdge()

一个方便的实用工具，用于使用新的属性重新连接现有 Edge。这将搜索您的 Edge 数组以查找具有匹配 ID 的 Edge，并使用您提供的连接更新其属性。

阅读更多

getTransformForBounds()

此实用工具告诉您要将视窗设置为多少，以使其适合给定的边界框。您可以使用此工具来预先计算服务器上给定节点集的视窗，或计算给定边界的视窗，而 _不_ 直接更改视窗。

阅读更多
类型getTransformForBounds()