单击内部组件时触发onClick处理程序

Question

当我单击按钮部分时，它可以正常工作，但是问题是当我单击按钮中的“组件”部分时，我的功能无法触发

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

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

Answer 1

我很多时候都使用CSS来解决svg中的类似问题。这也可能对您有帮助。您可以将指针事件放在内部组件中：这样，内部组件不可单击，并且每个click事件都会到达外部按钮组件。 例如：

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

对您有帮助吗？