Updating nodes by custom events in custom nodes | xyflow | Page 1

ivory sonnet Aug 12, 2023, 7:28 PM

#

Hi, I would like to update node states (e.g., which node is selected, or some node data) when I click a button in my custom node. How can I do that?

Right now, I can only think about using React context, is there any other easier way?

ivory sonnet Aug 12, 2023, 8:29 PM

#

I figured it out, just saw this example, you can pass callback to data, but it seems I need to use useEffect to have persistent callback reference

#

This is an example of a custom node implementation. React Flow nodes are React components, and you can display any content that you want.

atomic moat Aug 13, 2023, 8:16 AM

#

You can use useReactFlow if you have wrapped your Flow in ReactFlowProvider

#

useReactFlow provides a setNodes function that you can just use to set the node states

const { setNodes } = useReactFlow()

setNodes((nodes) => nodes.map(node => ...))

#Updating nodes by custom events in custom nodes