reconnectEdge() - React Flow

A handy utility to update an existing Edge with new properties. This searches your edge array for an edge with a matching id and updates its properties with the connection you provide.

const onReconnect = useCallback(
  (oldEdge: Edge, newConnection: Connection) => setEdges((els) => reconnectEdge(oldEdge, newConnection, els)),
  []
);

NameTypeDefaultoldEdgeEdgeType

The edge you want to update.

newConnection.sourcestring

The id of the node this connection originates from.

newConnection.targetstring

The id of the node this connection terminates at.

newConnection.sourceHandlestring | null

When not null, the id of the handle on the source node that this connection originates from.

newConnection.targetHandlestring | null

When not null, the id of the handle on the target node that this connection terminates at.

edgesEdgeType[]

The array of all current edges.

options.shouldReplaceIdboolean

Should the id of the old edge be replaced with the new connection id.

trueoptions.getEdgeIdGetEdgeId

Custom function to generate edge IDs. If not provided, the default getEdgeId function is used.