useNodesData()
このフックを使用すると、特定のノードのdata
オブジェクトの変更をサブスクライブできます。
import { useNodesData } from '@xyflow/react';
export default function () {
const nodeData = useNodesData('nodeId-1');
const nodesData = useNodesData(['nodeId-1', 'nodeId-2']);
}
シグネチャ
名前 | 型 |
---|---|
#引数 |
|
# nodeIds | 文字列 | 文字列[] 監視する`data`オブジェクトを持つ単一のノードIDまたはノードIDの配列 |
#戻り値 |
|
# id | 文字列 |
# type | 文字列 |
# data | 任意 | 任意[] |
TypeScript
このフックは、カスタムノード型のジェネリック型引数を受け入れます。詳細については、TypeScriptガイドのこのセクションを参照してください。
const nodesData = useNodesData<NodesType>(['nodeId-1', 'nodeId-2']);