Блог

Я новичок в области веб-разработки и работаю над проектом react. У меня есть вариант использования, когда я должен сделать интервал интерактивным. Но у меня есть выпадающий список внутри этого диапазона, в котором не зарегистрировано ни одного события onClick. Когда я нажимаю на выпадающий список, вместо того, чтобы разворачивать / сворачивать, он вызывает функцию, зарегистрированную в событии span onClick. Я хочу остановить вызов этой функции и заставить выпадающий список работать нормально, как это было бы за пределами этого диапазона. Есть предложения?

Спасибо.

вы можете использовать event параметр события onClick

 onClick (event) {
  event.stopPropagation()
  // your code
}
  

по методу вашего щелчка в span передается событие

 handleClick = (e) => {
e.stopPropagation()
//your logic here
}

<span onClick={(e) => {this.handleClick(e)}}></span>