How to update rendering of the item on hover? about react-complex-tree

[lukasbach]

For the use case you described, the most performant way would be to add the the elements to the right of each item in their render prop, and just hide it with CSS when the user is not hovering. Since you can customize the render method, you could just add a custom class and define such logic in your CSS.

If you want to react to hover effects in JS, you can either manually hook an onMouseOver/onMouseOut handler into the item render method, or use a custom interaction mode to mount additional handlers, like here (source)

[rohitkrishna094]

Thanks for the reply. This works for me. I ended up using onMouseOver and onMouseOut.