单击其中的组件时触发 onClick 处理程序答案

【问题标题】：firing onClick handler when click on component inside it单击其中的组件时触发 onClick 处理程序
【发布时间】：2019-10-14 04:24:53
【问题描述】：

当我点击按钮部分时，它工作正常，但问题是当我点击按钮内的组件部分时，我的功能没有触发

this.resetStates = this.resetStates.bind(this) ;

<button onClick={this.resetStates}>
    <NumberFormat/>
</button>

【问题讨论】：

【解决方案1】：

我在 svg 中经常使用 CSS 来解决类似的问题。它也可能对您有所帮助。您可以将指针事件：无到内部组件。这样内部组件是不可点击的，并且每个点击事件都会到达外部按钮组件。例如：

<button onClick={this.resetStates}>
  <div style={{pointerEvents: 'none'}}>
     <NumberFormat/>
  </div>
</button>

对你有帮助吗？

【讨论】：