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。