запускает обработчик onClick при нажатии на компонент внутри него

Question

когда я нажимаю на секцию кнопки, она работает нормально, но проблема в том, что когда я нажимаю на секцию компонента внутри кнопки, моя функция не срабатывает

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

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

Answer 1

Я часто использую CSS с подобными проблемами в svg. Это может помочь вам и здесь. Вы можете поместить указатель-события: ни один во внутренний компонент. Таким образом, внутренний компонент не активируется, и каждое событие щелчка поступает на внешний компонент кнопки. Например:

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

Вам это помогает?