React — дочерние компоненты вызывают эффект щелчка по родительскому элементу ⇐ CSS

[Гость]

У меня есть компонент реагирования (карта), который запускает функцию при нажатии карты. Однако у меня есть дочерние компоненты внутри этого компонента, которые будут выполнять свои собственные действия (ползунки, кнопки и т. д.). При нажатии на эти дочерние элементы я не хочу, чтобы родительский элемент запускал свой onclick или нажимал «эффект» (перейдите «активный»). ").

Как я могу «опустить» или игнорировать свойства родительского компонента при нажатии на дочерний компонент?