reactjs - React event: get Key AND prevent event propagation -

i have nested list in react. li elements have onclick event handler. needs stop propagation or else higher lying event handlers fire too.

i can having:

<li key='mykey' onclick={this.onclick}/>

combined with

onclick (event) {   event.preventdefault() }

i can pass key doing:

<li key='mykey' onclick={this.onclick.bind(this, 'mykey'}/>

but how can pass both?

i have searched long not found way extract key event.

try this:

<li   key={key}   onclick={e => {     e.preventdefault();     // invoke onclick callback here     this.handleonclick(key);   }} />

ANgular