React事件：获取Key并阻止事件传播

Question

我在React中有一个嵌套列表。 LI元素有一个onClick事件处理程序。它需要停止传播，否则所有较高级别的事件处理程序也会启动。

我可以这样做：

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

结合

onClick (event) {
  event.preventDefault()
}

我也可以通过以下方式传递密钥：

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

但我怎么能通过BOTH？

我搜索的时间很长，但没有找到从事件中提取密钥的方法。

Answer 1

尝试这样的事情：

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