【问题标题】:Setting initialValues for redux-form with material-ui won't work使用 material-ui 为 redux-form 设置 initialValues 不起作用
【发布时间】:2017-11-29 00:18:19
【问题描述】:

我想利用我的 redux 表单来更新一个对象,所以想设置 initialValues,我强烈怀疑我做错了什么,但无法找出问题所在。

我在 github 中关注了这个问题,并将初始值作为道具传递 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);

Props and form

【问题讨论】:

  • 我刚才注意到initialValues在传递给connect(Form)时被转换为Map..

标签: redux material-ui redux-form immutable.js


【解决方案1】:

redux-form/immutable 是答案,我可能没有看正确,immutable 关键字帮助了我。

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

【讨论】:

    猜你喜欢
    • 2018-05-08
    • 1970-01-01
    • 1970-01-01
    • 2019-10-04
    • 1970-01-01
    • 1970-01-01
    • 2020-06-24
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多