Javascript 材料不可用';t目标属性onclick with React

Javascript 材料不可用';t目标属性onclick with React,javascript,reactjs,material-ui,Javascript,Reactjs,Material Ui,这是我的情况, MaterialUi在单击时不以我的属性为目标 我有这个按钮: <FlatButton containerElement="button" className="selectedNumberOfPeopleButton" onClick={this.selectedNumberOfPeople} value="1" label="Default" /> 它应该在控制台中返回值,因为它与任何其他引导或自定义按钮一起工作,例如: <Bu

这是我的情况,

MaterialUi在单击时不以我的属性为目标

我有这个按钮:

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

它应该在控制台中返回值,因为它与任何其他引导或自定义按钮一起工作,例如:

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


1.
我可以在React-dev工具中看到它肯定是由于
onclick
与值不在同一元素中,请参见屏幕截图:

我们可以看到
flatbutton
onclick
不在同一个元素中,它的值是。比较上面有效的按钮

我怎样才能做到这一点,让我的
onclick
使用Material UI以我的按钮值为目标


非常感谢

是保留的属性名称,对
无效。
由于无法识别,因此必须使用
e.target.getAttribute('value')
引用它。 或者试着找另一个名字

-以下是有关“值”属性的一些信息

-以下是在React中使用“value”属性的良好实践

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