使用material-ui为redux-form设置initialValues无效

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用material-ui为redux-form设置initialValues无效相关的知识,希望对你有一定的参考价值。

我想利用我的redux表单来更新对象,所以想设置initialValues,我强烈怀疑我做错了什么,但是无法弄清楚什么是错的。

我在github中关注了这个问题并通过了初始值作为props https://github.com/erikras/redux-form/issues/916#issuecomment-217437026

            <NoteLayout
            initialValues={values()}
            doc={this.props.Note}
            projects={this.props.ProjectSelector}
            onSubmit={this.props.handleSubmit.bind(this)}/>

我的笔记布局是这个

class NoteLayout extends React.Component { 
  render() {
  const {handleSubmit, pristine, reset, submitting} = this.props;
return (
  <div>
      <form onSubmit={handleSubmit}>

          <FormSection name="base">
              <BaseBar projects={this.props.projects}/>
          </FormSection>
          <div>
              <Field
                  name="subject"
                  component={renderTextField}
                  label="subject"
              />
          </div>
          <div>
              <Field
                  name="description"
                  fullWidth={true}
                  component={renderTextField}
                  label="description"
              />
          </div>
          <div>
              <RaisedButton
                  style={style}
                  fullWidth={false}
                  primary={true}
                  type="submit"
                  disabled={pristine || submitting}>
                  Submit
              </RaisedButton>
              <RaisedButton
                  style={style}
                  fullWidth={false}
                  secondary={false}
                  type="button"
                  disabled={pristine || submitting}
                  onClick={reset}>
                  Clear Values
              </RaisedButton>
          </div>
      </form>
  </div>
);


}
}

NoteLayout.propTypes = {

};

export default reduxForm({
    form: 'NoteLayout',
    validate
})(NoteLayout);

道具和形式

答案

redux-form / immutable是答案,我可能看起来不正确,不可变关键字帮助了我。

https://github.com/erikras/redux-form/issues/1744#issuecomment-252269843

以上是关于使用material-ui为redux-form设置initialValues无效的主要内容,如果未能解决你的问题,请参考以下文章

Material-UI 和 Redux-form,点击 select 时重新渲染选项,如何防止?

如何将 redux-form 绑定连接到表单的输入

手动设置 redux-form 字段和/或表单错误

如何通过重新选择使用 redux-form

redux-form 中多选的初始值

Redux-Form 基础使用