从React中的Material-ui Button获取值

问题描述

我有这个功能

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

在我的组件渲染中，我有

and in my component render, I have

<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.

So, what I want to do is, when I click the Doctorate button, it should this.props.setFieldValue to degreeLevel which is one of the fields in my Formik form. When I click the button, the alert gives me undefined which means it's not reading the value Doctorate.

如何让e.target.value读取按钮的值?

推荐答案

使用currentTarget代替target

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

这篇关于从React中的Material-ui Button获取值的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！