React: переопределить onClick-Event родительского элемента div - PullRequest
Новая
       8

React: переопределить onClick-Event родительского элемента div

0 голосов
/ 18 января 2019

Я борюсь со следующим: у меня есть div-контейнер, который содержит много материала и границы, щелкнув по div, я хочу запустить событие onClick, которое вызывает метод для перенаправления меня на другой маршрут. В этом div-контейнере у меня есть маленький круг, который должен что-то делать, нажимая на него и активируя его onClick-Event. Есть ли возможность «переопределить» родительские div-контейнеры onClick-Event, потому что каждый раз, когда я щелкаю по кругу, срабатывает onClick элемента div, и меня перенаправляют на другой маршрут. Небольшие фрагменты:

Контейнер с кругами: handleExit должен вызываться всякий раз, когда вы щелкаете мышью в любой позиции внутри контейнера, за исключением щелчка на некоторых кругах с помощью onClick-Events. В этом случае следует назвать handleBackToFirstAssistant или handleBackToSecondAssistant. 

<div
   className="contentAssistantBorder"
   onClick={this.handleExit}
 >
  ...
  <div className="circleDiv">
     <p
        className="circle"
        onClick={this.handleBackToFirstAssistant}
      />
     <p
       className="circle"
       onClick={this.handleBackToSecondAssistant}
     />
      <p className="filledCircle" />
     </div>
  </div>

handleExit: 

handleExitAssistant() {

 this.props.history.push("/search");

}

handleBackToSecondAssistant: 

handleBackToSecondAssistant() {
  this.setState(
   {
      secondAssistant: true
    },
     () => this.setState({ thirdAssistant: false,  firstAssistant:    false })
  );
}
...