Как убрать событие во вложенном элементе?

Question

[danilr]

<li
                key={name}
                onClick={clickHandler}
            >
                <div onMouseDown={this.mouseDown} onMouseUp={this.mouseUp} className="door" style={style}/>
                <a
                    className="menu-link"
                >
                    <span className="icon-container">{icon()}</span>
                </a>
            </li>

На внешнем li навешено событие клика, но мне нужно чтобы в одном из блоков - при клике по нему - оно не отрабатывало. По div с классом "door" мне не нужно чтобы срабатывал метод clickHandler. Как это сделать?

Comments

[0xD34F]

Можно ли отключить onClick родителя, если срабатывает onClick вложенного элемента?

[danilr]

0xD34F, event.stopPropagation() в onClick кнопки. Спасибо!