У меня есть компонент Link, который обертывает div несколькими children. Я хочу запретить срабатывание Link при нажатии на конкретного ребенка. Как мне это сделать?
<Link href = {"go\to\page"}>
<div class = "flex">
<span>This child should run link</span>
... (more childs that should run link)
<span>This child should not run link!</span>
</div>
</Link>





Я более чем уверен, что на этот вопрос здесь уже был дан ответ, но все же: допустим, вы не хотите, чтобы при нажатии на дочерний элемент диапазона вы не хотели, чтобы он переходил по ссылке, вы можете поместить событие onClick в это, пример:
<Link href='/home'>
<span onClick = {(e) => {
e.preventDefault();
e.stopPropagation();
}}>this child will not trigger the routing from link</span>
<span>but this one will trigger</span>
</Link>
объяснение от MDN:
PreventDefault() сообщает пользовательскому агенту, что если событие не обрабатывается явно, его действие по умолчанию не должно выполняться, как обычно. Функция stopPropagation() предотвращает дальнейшее распространение текущего события на этапах захвата и всплытия. я