ConnectionLineComponentProps

如果你想为连接线渲染一个自定义组件，你可以在 <ReactFlow /> 组件上设置 connectionLineComponent 属性。 ConnectionLineComponentProps 会传递给你的自定义组件。

export type ConnectionLineComponentProps = {
  connectionLineStyle?: React.CSSProperties;
  connectionLineType: ConnectionLineType;
  fromNode?: Node;
  fromHandle?: Handle;
  fromX: number;
  fromY: number;
  toX: number;
  toY: number;
  fromPosition: Position;
  toPosition: Position;
  connectionStatus: 'valid' | 'invalid' | null;
};

属性

名称	类型
#`connectionLineStyle?`	`React.CSSProperties`
#`connectionLineType`	`ConnectionLineType`
#`fromNode?`	`Node` 连接线发出的节点。
#`fromHandle?`	`Handle` 连接线发出的 fromNode 上的句柄。
#`fromX`	`数字`
#`fromY`	`数字`
#`toX`	`数字`
#`toY`	`数字`
#`fromPosition`	`Position`
#`toPosition`	`Position`
#`connectionStatus`	`"有效" \| "无效" \| 空` 如果存在 isValidConnection 回调，则此属性将根据该回调的返回值设置为“有效”或“无效”。否则，它将为空。

类型 getTransformForBounds()