react-vis-network
react-vis-network copied to clipboard
events prop integration
add an object with events to handle clicks, hovers, hovers on edges, ...
const events = {
select: ({nodes, edges}) => {
console.log('nodes :', nodes);
console.log('edges :', edges);
},
hoverEdge: ({edge}) => {
console.log('edge :', edge);
}
};
...
<Network options={options} events={events} style={{ height: '30rem', width: '100%' }}>
{nodes.map(node => (
<Node id={node.id} key={node.id} image={node.image} decorator={this.decorator} mass={node.mass} label={node.label} />
))}
{edges.map(edge => (
<Edge label={edge.label ? edge.label : null} id={edge.id} key={edge.id} from={edge.from} to={edge.to} />
))}
</Network>
That would be great for my use case as well. Was hoping it was implemented :(
I agree, it would be better then accessing through refs.