陣營元素設置單擊處理事件，但不是它的孩子

Question

當設置以下列方式onClick事件的方式：

<button type="button" field={this.props.name} onClick={this.props.add_item}> 
<i className="fa fa-plus"></i> 
</button> 

在我想從事件目標字段屬性結束。

現在的問題是：當我點擊按鈕區域時，我會得到字段屬性，但是當點擊它的孩子時，它也會觸發事件，但是來自不同的目標元素（它沒有字段屬性; ...當然我可以設置）。但是，是不是有更好的方法讓同一個目標或類似的東西觸發整個元素？

Answer 1

我認爲你應該用event.currentTarget代替event.target

Answer 2

通過綁定調用event.stopPropagation()的子元素中的另一個點擊處理程序，您可以點擊父子點擊處理程序以觸發父子點擊處理程序。
如果您正在使用新的瀏覽器，然後將下面的CSS的<i>元素應該解決的問題：

pointer-events: none; 

見browser compatibility。