useInternalNode

此 hook 返回特定节点的内部表示。使用此 hook 的组件将在 **任何节点更改时重新渲染**，包括节点被选中或移动时。

import { useInternalNode } from '@xyflow/react';
 
export default function () {
  const internalNode = useInternalNode('node-1');
  const absolutePosition = internalNode.internals.positionAbsolute;
 
  return (
    <div>
      The absolute position of the node is at:
      <p>x: {absolutePosition.x}</p>
      <p>y: {absolutePosition.y}</p>
    </div>
  );
}

签名

名称	类型
#参数
#`nodeId`	`字符串` 您要观察的节点的 ID
#返回值
#	`InternalNode<T>` 具有给定 ID 的节点的 InternalNode 对象

Typescript

此 hook 接受自定义节点类型的泛型类型参数。有关更多信息，请参阅我们 Typescript 指南中的此部分。

const internalNode = useInternalNode<CustomNodeType>();

Hooks 工具