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 工具