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

Question

[nano_e_t_4]

Есть такой кусок кода:

<div className="pBtn">
                  <Button
                      block
                      bsSize="large"
                      onClick={props.arrowHandler}
                      id="la-la-la"
                      value={1}
                  >
                      <Image src={require('../../styles/iconcs/arrow.png')} fluid />;
                  </Button>
                  </div>

...
    arrowHandler = event => {
        console.log(event)
    }

Как получить атрибуты кнопки, в частности значение value?
Обращение к целевому элементу (event.target.value) возвращает значение вложенного в кнопку элемента вместо значения самой кнопки.

Answer 1

[0xD34F]

currentTarget:

event.currentTarget.getAttribute('имя_атрибута')

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

onClick={e => props.arrowHandler(e, VALUE)}

Comments

[nano_e_t_4]

Спасибо большое!

Answer 2

[Alex]

А так ? console.log(this.value)