ReferenceHooks

useNodesData()

Source on GitHub

This hook lets you subscribe to changes of a specific nodes data object.

import { useNodesData } from '@xyflow/react';
 
export default function () {
  const nodeData = useNodesData('nodeId-1');
 
  const nodesData = useNodesData(['nodeId-1', 'nodeId-2']);
}

Signature

#Params
#nodeIds
string | string[]
A single node ID or an array of node IDs whose `data` objects you want to observe
#Returns
#id
string
#type
string
#data
any | any[]

Typescript

This hook accepts a generic type argument of custom node types. See this section in our Typescript guide for more information.

const nodesData = useNodesData<NodesType>(['nodeId-1', 'nodeId-2']);