MateriaU Я не нацеливаю атрибут на нажатие с React

Question

вот моя ситуация,

materiaul UI не нацеливает мой атрибут на клик.

У меня есть эта кнопка:

<FlatButton       
containerElement="button"
className="selectedNumberOfPeopleButton"
onClick={this.selectedNumberOfPeople} 
value="1"
label="Default" />

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

    <Button color="danger" className="selectedNumberOfPeopleButton" onClick={this.selectedNumberOfPeople} value="1">Danger!</Button>

или

<button className="selectedNumberOfPeopleButton" onClick={this.selectedNumberOfPeople} value="1">
          1
        </button>

Я вижу в инструменте React dev это, безусловно, из-за того, что onclick не находится в том же элементе, что и значение, см. Скриншот:

мы можем видеть onclick из flatbutton не в том же элементе имеет значение. , , сравните кнопку над которой работает

Как я могу сделать так, чтобы мой onclick нацеливался на значение моей кнопки с помощью Material UI?

Большое спасибо

Answer 1

value является зарезервированным именем атрибута и недопустимо для <button>.Поскольку он не распознан, вы должны обратиться к нему, используя e.target.getAttribute('value').Или попробуйте найти другое имя.

Атрибут значения - Вот некоторая информация об атрибуте 'value'

РеагироватьFroms - Вот хорошая практика использования атрибута 'value' в React