Redux表單卸載組件onSubmit

Question

因此，我現在擁有的是一個表格，我想更新名字和姓氏。 如果有錯誤，我想捕獲並顯示。 問題是我得到了錯誤，如果出現錯誤，ReduxForm只能更新已安裝或正在安裝的組件。 原因是redux-form正在卸載並重新安裝我的組件。 有沒有辦法避免重新安裝組件？

  class EditUser extends Component {
  constructor(props) {
    super(props);
    this.onSubmit = this.onSubmit.bind(this);
    this.state = {};
  }

  onSubmit(values) {
    const { fname, lname } = values;
    return this.props.editUser(fname, lname).catch(err => this.setState({ 
      error: err
    });
  }

  render() {
    const { handleSubmit, submitting } = this.props;
    return (
      <Container>
        <Row>
          <Col sm={{ size: 8, offset: 2 }}>
            <div>
              <form onSubmit={handleSubmit(this.onSubmit)}>
                <FormGroup>
                  <Field
                    label="First Name"
                    type="input"
                    name="fname"
                    id="fname"
                    component={FieldInput}
                    placeholder="First Name"
                    validate={required}
                  />
                </FormGroup>
                <FormGroup>
                  <Field
                    label="Last Name"
                    type="input"
                    name="lname"
                    id="lname"
                    component={FieldInput}
                    placeholder="Last Name"
                    validate={required}
                  />
                </FormGroup>
                <Button color="success" className="float-right" disabled={submitting}>Submit</Button>
              </form>
            </div>
          </Col>
        </Row>
      </Container>
    );
  }
}

function mapStateToProps(state) {
  const { first_name, last_name } = state.user;
  return {
    user: state.user,
    initialValues: {
      fname: first_name,
      lname: last_name
    }
  };
}

export default connect(mapStateToProps, { editUser })(reduxForm({
  form: 'EditUserForm',
})(EditUser));

Answer 1

我認為您應該使用onSubmitFail和onSubmitSuccess處理onSubmit回調