Реагировать событие: получить ключ И предотвратить распространение события

Question

У меня есть вложенный список в React. Элементы LI имеют обработчик события onClick. Он должен прекратить распространение, иначе все обработчики событий с высшим ярусом будут стрелять.

Я могу это сделать, имея:

<li key='myKey' onClick={this.onClick}/> 

в сочетании с

onClick (event) { 
    event.preventDefault() 
} 

Я также могу передать ключ, выполнив:

<li key='myKey' onClick={this.onClick.bind(this, 'myKey'}/> 

Но как я могу передать ОБА?

Я искал долго, но не нашел способ извлечь ключ из события.

Answer 1

попробовать что-то вроде этого:

<li 
    key={key} 
    onClick={e => { 
    e.preventDefault(); 
    // invoke your onClick callback here 
    this.handleOnClick(key); 
    }} 
/>