使用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无效的主要内容,如果未能解决你的问题,请参考以下文章