useNodes

GitHub 上的原始碼

此 hook 會返回目前節點的陣列。使用此 hook 的元件會在任何節點變更時重新渲染，包括當節點被選取或移動時。

import { useNodes } from '@xyflow/react';
 
export default function () {
  const nodes = useNodes();
 
  return <div>There are currently {nodes.length} nodes!</div>;
}

簽名

Typescript

此 hook 接受自訂節點類型的泛型類型參數。請參閱我們的 TypeScript 指南中的此章節，以取得更多資訊。

const nodes = useNodes<CustomNodeType>();

注意事項

• 不必要地依賴 useNodes 可能是導致效能問題的常見原因。每當任何節點變更時，此 hook 都會導致元件重新渲染。通常我們實際上關心更具體的事情，例如當節點的數量變更時：在可能的情況下，請嘗試改用 useStore。