Using event.target with React components

react-event-target.md

event.target gives you the native DOMNode, then you need to use the regular DOM APIs to access attributes. For instance getAttribute or dataset.

<button 
  data-space="home" 
  className="home" 
  data-txt="Home" 
  onClick={ this.props.onClick } 
/> 
  Button
</button>

onClick(e) {
   console.log(e.target.dataset.txt, e.target.dataset.space);
   console.log(e.target.getAttribute('data-txt'), e.target.getAttribute('data-space');
}

References:

• https://stackoverflow.com/questions/37639122/using-event-target-with-react-components
• https://stackoverflow.com/questions/20377837/how-to-access-custom-attributes-from-event-object-in-react