Javascript 从React中的物料ui按钮获取值

我有这个功能

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>

学位水平

博士学位
大师
大学生

所以，我想做的是，当我点击

博士

按钮时，它应该

this.props.setFieldValue

到

degreeLevel

，这是我的

Formik

表单中的一个字段。当我单击该按钮时，警报显示

未定义

，这意味着它没有读取值

博士学位

---

如何使

e.target.value

读取按钮的值？

使用

currentTarget

而不是

target

handleChangeButton = (e) => {
    alert(e.currentTarget.value)
    this.props.setFieldValue('degreeLevel', e.currentTarget.value);
}

---

我猜这个按钮是一个反应元件。你能把它的代码也贴出来吗？谢谢！不知道你在哪里找到的？我是说这是materialUI博士吗@piyush@yugantarkumar是的，很高兴知道是什么文件揭示了这种差异。