Событие распространяется на родителя, даже если event.stopPropagation записан в обработчике onClick. - PullRequest
0 голосов
/ 25 января 2019

В приведенном ниже коде При нажатии на настройках страница перенаправляется на 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

Спасибо.

...