1.5 KiB
title
| title |
|---|
| Helper Functions |
If you want to remove a node or connect two nodes with each other you need to pass a function to onElementsRemove and onConnect. In order to simplify this process there are some helper functions you can use:
import ReactFlow, { isNode, isEdge, removeElements, addEdge } from 'react-flow-renderer';
isEdge
Returns true if the passed element is an edge.
isEdge = (element: Node | Edge): element is Edge
isNode
Returns true if the passed element is a node.
isNode = (element: Node | Edge): element is Node
removeElements
Returns an array of elements without the ones from elementsToRemove. It also removes all incoming/outgoing edges if you just pass one or multiple nodes.
removeElements = (elementsToRemove: Elements, elements: Elements): Elements
addEdge
Returns an array with elements with the added edge.
addEdge = (edgeParams: Edge, elements: Elements): Elements
getOutgoers
Returns all direct child nodes of the passed node.
getOutgoers = (node: Node, elements: Elements): Node[]
getIncomers
Returns all direct incoming nodes of the passed node.
getIncomers = (node: Node, elements: Elements): Node[]
getConnectedEdges
Returns all edges that are connected to the passed nodes.
getConnectedEdges = (nodes: Node[], edges: Edge[]): Edge[]
You can use these function as seen in this example or use your own ones.