React, klicken Sie auf das übergeordnete Element

Question

ich eine Sache haben in ähnliche Reaktion

<li id="my-id" onClick={this.handleClick}> 
    <span>Something here</span> 
    <i>Some italic text here</i> 
</li> 

Wo ich die ID meines LI zugreifen müssen.

handleClick(ev) { 
    console.log(ev.target); 
} 

Die Sache ist die, dass, wenn ich auf dem kursiven Text klicken, es tröstet mich das i-Element, nicht die li, wie es sollte.

Kann mir jemand erklären, warum, und wie kann ich onClick mein Element zurückgeben?

Answer 1

Sie müssen .currentTarget anstelle von .target

handleClick(ev) { 
    console.log(ev.currentTarget); 
} 

.currentTarget bezieht sich auf das Element verwenden, wo Ereignishandler angebracht wurde als zu .target gegenüber, die auf das Element identifiziert, das das Ereignis aufgetreten ist.