我目前有一个Redux表单,可以从API提取初始值。但是,每当我编辑其中一个值然后提交表单时,它都会返回旧的初始值(似乎没有更新)。我希望能够编辑该字段,然后提交,然后将初始值更新为新值,以便再次加载表单时,您将看到最新的编辑/更改。现在,这就是我初始化数据的方式:
componentDidMount(){
this.props.offerCallBack()
.then(c => {
this.setState({
offerContent: c,
});
this.handleInitialize();
})
.catch(error => {
console.log(error);
});
}
handleInitialize() {
const offerContent = JSON.parse(this.state.offerContent.content);
const initData = {
"questionText": offerContent.question_text === null ? "Enter Question Text" : offerContent.question_text,
"questionType": offerContent.question_type === null ? "" : offerContent.question_type,
this.props.initialize(initData);
}
这是我的提交功能:
onSubmit(values) {
console.log(values);
const questionData = Object.assign({}, values, { questionText: undefined });
this.props.saveOffer(questionData);
}
我的其中一个字段之一
<Field
name="questionText"
type="text"
id="questionText"
component={renderField}
label="Question Text"
onChange={this.handleChange}
/>
然后在我的redux表单的底部
const form = reduxForm({
form: 'offerquestion',
enableReinitialize: true
});
function mapStateToProps(state) {
return {
offerContent: state.offerContent,
initialValues: state.offerContent
};
}
export default connect(mapStateToProps)(form(OfferExample));
任何帮助都将不胜感激,我已经坚持了好几天!