Итак, у меня есть Bootstrap (не реагирующая на начальную загрузку, просто обычная начальная загрузка) Группа панелей в моем приложении React, каждая панель открывается при нажатии на заголовок панели. У меня также есть небольшой span компонент внутри заголовка панели с прикрепленным к нему обработчиком onClick.
Моя проблема в том, что всякий раз, когда я нажимаю на span, щелчок заголовка панели также срабатывает, и панель закрывается / открывается.
Я попробовал следующие вещи в своем обработчике onClick, но ни один из них не предотвратил всплытие события до заголовка панели:
ev.stopPropagation()
ev.preventDefault()
ev.nativeEvent.stopPropagation()
ev.nativeEvent.stopImmediatePropagation()
Клики начальной загрузки работают на основе атрибутов data-toggle.
ОБНОВЛЕНИЕ Фрагмент кода, воспроизводящий проблему: https://codepen.io/danegit/pen/YOjdeN