useInternalNode
このフックは、特定のノードの内部表現を返します。このフックを使用するコンポーネントは、ノードが選択または移動されたときを含め、**いずれかのノードが変更されるたびに**再レンダリングされます。
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
このフックは、カスタムノード型のジェネリック型引数を受け入れます。詳細については、Typescriptガイドのこのセクションを参照してください。
const internalNode = useInternalNode<CustomNodeType>();