我有这个功能
handleChangeButton = (e) => {
alert(e.target.value)
this.props.setFieldValue('degreeLevel', e.target.value);
}
在我的组件渲染中,我有
<div className="twelve columns">
<p>Degree Level</p>
<Button
variant="raised"
label="Default"
onClick = { this.handleChangeButton }
value="Doctorate"
>
Doctorate
</Button>
<Button variant="raised" label="Default">
Masters
</Button>
<Button variant="raised" label="Default">
Undergraduate
</Button>
</div>
所以,我想做的是,当我点击Doctorate
按钮时,它应该this.props.setFieldValue
到degreeLevel
,这是我的 Formik
表单中的字段之一。当我单击该按钮时,警报显示 undefined
,这意味着它没有读取值 Doctorate
。
如何让 e.target.value
读取按钮的值?
最佳答案
使用currentTarget
代替target
handleChangeButton = (e) => {
alert(e.currentTarget.value)
this.props.setFieldValue('degreeLevel', e.currentTarget.value);
}
关于javascript - 从 React 中的 material-ui Button 获取值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50414059/