Как по клику получать значение атрибута?

Question

[zhodino]

<div onClick={(e) => console.log(e.target.name)} name="asdasda">adadsasd</div>

Как мне получить значение атрибута name?

Comments

[Роман Александрович]

<div onClick={(e) => console.log(e.target.name, e.currentTarget.dataset.id)} name="asdasda" data-id="asdasda">adadsasd</div>

[zhodino]

Оно в консоле имя выводит андифайнед

Answer 1

[Mikhail Osher]

https://developer.mozilla.org/en-US/docs/Web/API/E...

name - специальный аттрибут. Куда попало нельзя его ставить.

Answer 2

[0xD34F]

Вообще - e.target.getAttribute('здесь имя атрибута'), но, как уже заметили выше - вы сильно неправы добавляя name div'у. Замените на data-атрибут:

onClick = e => {
  console.log(e.target.dataset.name);
}

<div data-name="xxx" onClick={this.onClick}>hello, world!!</div>

Или можно вообще не пользоваться атрибутами, а сразу нужное значение передавать куда надо:

<div onClick={() => console.log('xxx')}>hello, world!!</div>