onSubmit和API调用上的异步操作的react-redux问题

export const submitForm = (formData) => {
  return async (dispatch) => {
    try {
      // 发起异步请求
      const response = await fetch('API_URL', {
        method: 'POST',
        body: formData,
      });
      
      // 根据请求结果分发不同的action
      if (response.ok) {
        dispatch(submitSuccess());
      } else {
        dispatch(submitError());
      }
    } catch (error) {
      dispatch(submitError());
    }
  };
};

import { connect } from 'react-redux';
import { submitForm } from './actions';

class MyForm extends React.Component {
  handleSubmit = (e) => {
    e.preventDefault();
    const formData = new FormData(e.target);
    this.props.submitForm(formData);
  };

  render() {
    return (
      <form onSubmit={this.handleSubmit}>
        {/* 表单内容 */}
        <button type="submit">提交</button>
      </form>
    );
  }
}

export default connect(null, { submitForm })(MyForm);