Почему handleClick не возвращает атрибут?

Question

[kaleon]

Код
https://codesandbox.io/s/material-demo-tbdpg

Answer 1

[0xD34F]

Какой атрибут? Key? Нет такого атрибута у элемента, key для другого нужен.

Хотите знать id в обработчике клика - сделайте какой-нибудь другой атрибут, не key. Например:

data-id={user.id}

const elemId = +e.currentTarget.dataset.id;

Comments

[kaleon]

Хотелось бы все таки уточнить, почему не выводит любой аттрибут? Вот например как тут, я просто задал аттрибут test и его видно через handleClick
https://codesandbox.io/s/material-demo-5g2cr

[0xD34F]

kaleon,

задал аттрибут test и его видно

Пропустили "не" перед видно?

Откройте консоль, и посмотрите, как реально выглядит ваш IconButton - какие у него внутри элементы, где там находится указанный вами атрибут. Потом почитайте, что такое всплытие событий, в чём разница между свойствами target и currentTarget объекта события.

[kaleon]

0xD34F, Спасибо, наконец стало ясно!

Свойство currentTarget в отличие от target объекта Event всегда ссылается на элемент, к которому был присоединен обработчик события, а не на элемент, в котором произошло событие.