addEdge()
此实用程序是一个方便的函数，用于将新的 Edge 添加到边数组中。它还执行一些验证以确保您不会添加无效的边或重复现有的边。
import { SvelteFlow, addEdge } from '@xyflow/svelte';
export default function Flow() {
const [nodes, setNodes, onNodesChange] = useNodesState([]);
const [edges, setEdges, onEdgesChange] = useEdgesState([]);
const onConnect = useCallback(
(connection) => {
setEdges((oldEdges) => addEdge(connection, oldEdges));
},
[setEdges],
);
return <SvelteFlow nodes={nodes} edges={edges} onConnect={onConnect} />;
}签名
| 名称 | 类型 |
|---|---|
#参数 | |
# edge | Edge | Connection |
# edges | Edge[] |
#返回值 | |
Edge[] |
注意事项
- 如果具有相同
target和source的边已经存在（并且如果设置了这些属性，则具有相同的targetHandle和sourceHandle），那么即使id属性不同，此实用程序也不会添加新的边。