在onSubmit上使用redux操作时，如何管理react final form上的提交错误？

// Redux reducer
const initialState = {
  error: null
};

const formReducer = (state = initialState, action) => {
  switch (action.type) {
    case 'SET_SUBMIT_ERROR':
      return {
        ...state,
        error: action.payload
      };
    default:
      return state;
  }
};

// Redux action
const setSubmitError = (error) => ({
  type: 'SET_SUBMIT_ERROR',
  payload: error
});

// Form component
const FormComponent = ({ error, setSubmitError }) => {
  const onSubmit = async (values) => {
    try {
      // Submit form data
      // ...
    } catch (error) {
      setSubmitError('提交错误：' + error.message);
    }
  };

  return (
    <form onSubmit={handleSubmit(onSubmit)}>
      {/* Form fields */}
      {/* ... */}

      {/* Error message */}
      {error && <div>{error}</div>}

      {/* Submit button */}
      <button type="submit">提交</button>
    </form>
  );
};

// Connect form component to Redux store
const mapStateToProps = (state) => ({
  error: state.form.error
});

const mapDispatchToProps = (dispatch) => ({
  setSubmitError: (error) => dispatch(setSubmitError(error))
});

export default connect(mapStateToProps, mapDispatchToProps)(FormComponent);