В приведенном ниже коде При нажатии на настройках страница перенаправляется на google.com
, даже e.stopPropagation
записывается в обработчике onClick
настройки
<a className="App" href="http://google.com" onClick={() => alert("parent")}>
Home
<div
href={"http://youtube.com"}
onClick={e => {
alert("child");
e.stopPropagation();
}}
>
Settings
</div>
</a>
Почему это так?Но когда я добавляю e.preventDefault()
, он не перенаправляется на google.com
?Почему e.stopPropagation
не работает, а e.preventDefault
работает. Может кто-нибудь объяснить.
песочница ссылка - https://codesandbox.io/s/l7wx5yzp6m
Спасибо.