React – onClick captures children as target rather than parent
I placed some data in the parent div that I wanted to use when the div was clicked.
Using event.target was not working because I was getting the children elements as the target and not the parent div as I wanted.
div onClick={this.handleClick} name={item.name} //want this as event target h2
Welcome h2
h3 {item.name} h3
h4 Item found in: {Item.location} h4
/div
The fix was below:
handleClick = (event)=>{
event.preventDefault();
console.log(event.currentTarget);
const target = event.target
vSPARROW 