Получение значений из кнопки Material-UI в 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);
}