拒绝使用async/throw代替promise的react redux表单

// 定义一个异步操作的action
const submitForm = (formData) => {
  return (dispatch) => {
    return new Promise((resolve, reject) => {
      // 异步操作，例如提交表单数据到服务器
      // 可以使用axios或fetch等库发送HTTP请求
      // 在异步操作完成后，根据结果调用resolve或reject
      // resolve表示异步操作成功，reject表示异步操作失败
      // 可以将服务器响应的数据作为resolve的参数传递
      // 例如 resolve(response.data)
      
      // 示例：模拟异步操作
      setTimeout(() => {
        const response = { success: true, message: "Form submitted successfully" };
        resolve(response);
      }, 2000);
    })
    .then((response) => {
      // 异步操作成功的处理逻辑
      dispatch({ type: "FORM_SUBMIT_SUCCESS", payload: response });
    })
    .catch((error) => {
      // 异步操作失败的处理逻辑
      dispatch({ type: "FORM_SUBMIT_FAILURE", payload: error });
    });
  };
};

// 在组件中调用异步操作的action
class MyForm extends React.Component {
  handleSubmit = (event) => {
    event.preventDefault();
    
    const formData = { /* 表单数据 */ };
    
    this.props.submitForm(formData)
      .then(() => {
        // 异步操作成功的处理逻辑
        console.log("Form submitted successfully");
      })
      .catch((error) => {
        // 异步操作失败的处理逻辑
        console.error("Form submission failed:", error);
      });
  };
  
  render() {
    return (
      <form onSubmit={this.handleSubmit}>
        {/* 表单内容 */}
        <button type="submit">Submit</button>
      </form>
    );
  }
}

// 使用redux-thunk中间件创建store
const store = createStore(reducer, applyMiddleware(thunk));

// 将异步操作的action与组件连接
const mapDispatchToProps = (dispatch) => {
  return {
    submitForm: (formData) => dispatch(submitForm(formData))
  };
};

export default connect(null, mapDispatchToProps)(MyForm);