useNodes
此 Hook 返回当前节点的数组。使用此 Hook 的组件将在 **任何节点发生更改时** 重新渲染，包括节点被选中或移动时。
import { useNodes } from '@xyflow/react';
export default function () {
const nodes = useNodes();
return <div>There are currently {nodes.length} nodes!</div>;
}签名
| 名称 | 类型 |
|---|---|
#返回值 | |
Node<T>[]当前流程中的所有节点数组。 |
Typescript
此 Hook 接受自定义节点类型的泛型类型参数。有关更多信息，请参阅我们的 Typescript 指南中的 此部分。
const nodes = useNodes<CustomNodeType>();备注
- 不必要地依赖
useNodes可能是性能问题的常见原因。只要任何节点发生变化，此 Hook 就会导致组件重新渲染。通常我们实际上关心的是更具体的事情，例如节点的数量发生变化时：在可能的情况下，尝试使用useStore代替。