Reactjs Redux物料UI文本字段-Can'；根本得不到字段值

我正在使用Redux表单和Redux材质UI包。通常，当我运行这样的代码时，它会工作，但由于某种原因，它无法获取

TextField

的值。有人知道这里发生了什么吗

我的

console.log

语句返回时带有

{special_instructions:undefined}

import React from 'react';
import { connect } from 'react-redux';
import { Field, reduxForm } from 'redux-form/immutable';

/**
 * Components
 */
import TextField from 'material-ui/TextField';
import RaisedButton from 'material-ui/RaisedButton';

export class EditRequestForm extends React.Component { // eslint-disable-line react/prefer-stateless-function

  constructor(props) {
    super(props);
    this.onSubmit = this.onSubmit.bind(this);
  }

  cancel() {
    this.props.handleCancelEdit();
  }

  onSubmit(formProps) {

    const request = {
      special_instructions: formProps.get('special_instructions'),
    };
    console.log('request', request);
  }

  render() {
    // console.log(this.props.request);
    const { handleSubmit, pristine, reset, submitting, errors } = this.props
    let request = this.props.request;
    return (
      <form className="page-form__wrapper page-body__wrapper read-request-page">
          <TextField
            name="area_instructions"
            multiLine={true}
            fullWidth={true}
            id="area_instructions"
            defaultValue={request.area_instructions}
          />
          <div className="page-form__block draft-field bg-grey">
            <RaisedButton
              primary={true}
              onTouchTap={handleSubmit(this.onSubmit)}
              label="Update"
            />

            <RaisedButton
              secondary={true}
              onTouchTap={handleSubmit(::this.cancel)}
              label="Cancel"
            />
          </div>
      </form>
    );
  }
}


function mapDispatchToProps(dispatch) {
  return {
    dispatch,
  };
}

export default reduxForm({
  form: 'editRequest',
})(connect(mapDispatchToProps)(EditRequestForm));

从“React”导入React；
从'react redux'导入{connect}；
从'redux form/immutable'导入{Field，reduxForm}；
/**
*组成部分
*/
从“物料界面/文本字段”导入文本字段；
从“物料界面/RaisedButton”导入RaisedButton；
导出类EditRequestForm扩展了React.Component{//eslint禁用行React/Prefere无状态函数
建造师（道具）{
超级（道具）；
this.onSubmit=this.onSubmit.bind（this）；
}
取消{
this.props.handleCancelEdit（）；
}
onSubmit（formProps）{
常量请求={
特殊指令：formProps.get（“特殊指令”），
};
console.log（'request'，request）；
}
render（）{
//console.log（this.props.request）；
const{handleSubmit，pristine，reset，submiting，errors}=this.props
让请求=this.props.request；
返回(
);
}
}
功能图DispatchToprops（调度）{
返回{
派遣，
};
}
导出默认reduxForm({
表格：'editRequest'，
})（连接（mapDispatchToProps）（编辑请求表单））；

您对此有任何更新吗？我遇到了同样的问题，您是否尝试将TextField作为redux表单中字段的组件传递。这样，很有可能在redux表单字段中抛出第三方库的确切错误。确保TextField不需要任何所需的主题。如果是这样，请将您的字段包装在

（从

材质ui/styles/MuiThemeProvider

导入）您对此有任何更新吗？我遇到了同样的问题，您是否尝试将TextField作为redux表单中字段的组件传递。这样，很有可能在redux表单字段中抛出第三方库的确切错误。确保TextField不需要任何所需的主题。如果是这样，请将字段包装在

中（从

材质ui/style/MuiThemeProvider导入）