@PHPjedi

Почему onClick распространяется на дочерний элемент?

Здравствуйте! Странное кое что...

<li className="mdc-list-item" tabIndex="0" key={i} data-user-id={user.id} onClick={this.startChat}>
     <span className="mdc-list-item__text">{user.name} {user.surname}</span>
</li>


startChat(event) {
     console.log(event.target.getAttribute('data-user-id'))
}


this.startChat = this.startChat.bind(this);

5eddedd3abbb3889239179.png

Когда кликаю по краям, соответсвенно, это li элемент, получаю ожидаемое. Но при клике по центру, где живет span, получаю null.
  • Вопрос задан
  • 163 просмотра
Решения вопроса 1
alex4answ
@alex4answ
Потому что событие всплывает
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы