从材质中获取值 - 在React中使用按钮

Question

我有这个功能

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读取按钮的值？

Answer 1

用currentTarget而不是target

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