Quartz 4

205_getconnectededges__

1 min read

getConnectedEdges()

Source on GitHub

This utility filters an array of edges, keeping only those where either the source or target node is present in the given array of nodes.

import { getConnectedEdges } from '@xyflow/react';
 
const nodes = [
  { id: 'a', position: { x: 0, y: 0 } },
  { id: 'b', position: { x: 100, y: 0 } },
];
const edges = [
  { id: 'a->c', source: 'a', target: 'c' },
  { id: 'c->d', source: 'c', target: 'd' },
];
 
const connectedEdges = getConnectedEdges(nodes, edges);
// => [{ id: 'a->c', source: 'a', target: 'c' }]

Signature

This utility filters an array of edges, keeping only those where either the source or target node is present in the given array of nodes.

Parameters
  • nodes: NodeType[] Nodes you want to get the connected edges for.
  • edges: EdgeType[] All edges.
Returns

EdgeType[]

Graph View