useEdges
此钩子返回当前边的数组。使用此钩子的组件将在任何边改变时重新渲染。
import { useEdges } from '@xyflow/react';
export default function () {
const edges = useEdges();
return <div>There are currently {edges.length} edges!</div>;
}签名
| 名称 | 类型 |
|---|---|
#返回 | |
Edge<T>[]流中所有当前边的数组。 |
TypeScript
此钩子接受自定义边类型泛型类型参数。有关更多信息，请参阅我们的 TypeScript 指南中的 此部分。
const nodes = useEdges<CustomEdgeType>();注释
- 不必要地依赖于
useEdges可能是性能问题的一个常见原因。每当任何边发生变化时，此钩子都会导致组件重新渲染。通常我们实际上关心更具体的事情，例如当边数量发生变化时：在可能的情况下尝试使用useStore代替。