在Redux-Form中编辑并提交了我的initialValue后,如何更新它们?

时间:2019-03-12 18:44:37

标签: reactjs redux redux-form

我目前有一个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));

任何帮助都将不胜感激,我已经坚持了好几天!

0 个答案:

没有答案