useNodesData()

GitHubでのソース

このフックを使用すると、特定のノードの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']);