react-vis-network icon indicating copy to clipboard operation
react-vis-network copied to clipboard

events prop integration

Open jariverswyvel opened this issue 7 years ago • 2 comments

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>

jariverswyvel avatar Dec 13 '18 13:12 jariverswyvel

That would be great for my use case as well. Was hoping it was implemented :(

varqasim avatar Feb 28 '19 08:02 varqasim

I agree, it would be better then accessing through refs.

conor909 avatar Apr 17 '19 09:04 conor909