Если вы в любом случае не собираетесь взаимодействовать с внутренним элементом / s, тогда вам может быть полезно решение CSS.
Просто установите внутренний элемент / s в pointer-events: none
в вашем случае:
.clickable > a {
pointer-events: none;
}
или для цели всех внутренних элементов:
.clickable * {
pointer-events: none;
}
Этот легкий взлом спас меня много времени при разработке с помощью ReactJS
Поддержка браузера можно найти здесь: http://caniuse.com/#feat=pointer-events