redux-form:如何在Promise中抛出新的SubmissionError？

redux-form是一个用于处理表单状态的库，它可以与React一起使用。在处理表单提交时，我们可以使用Promise来处理异步操作，并在需要时抛出SubmissionError来显示表单提交错误。

要在Promise中抛出新的SubmissionError，我们可以按照以下步骤进行操作：

首先，确保你已经安装了redux-form库，并在你的代码中引入它。
在处理表单提交的函数中，可以使用async/await或者返回一个Promise来处理异步操作。例如：

import { SubmissionError } from 'redux-form';

const submitForm = async (values) => {
  try {
    // 异步操作，例如发送表单数据到服务器
    const response = await fetch('/api/submit', {
      method: 'POST',
      body: JSON.stringify(values),
    });

    if (!response.ok) {
      // 如果服务器返回错误状态码，抛出SubmissionError
      const errorData = await response.json();
      throw new SubmissionError(errorData);
    }

    // 处理成功提交的情况
  } catch (error) {
    // 处理其他错误
  }
};

在上面的代码中，我们使用了fetch函数发送表单数据到服务器，并根据服务器的响应来判断是否抛出SubmissionError。如果服务器返回错误状态码，我们将响应数据作为SubmissionError的参数抛出。

在提交表单的组件中，将submitForm函数传递给redux-form的handleSubmit函数，并在表单的onSubmit事件中调用它。例如：

import { reduxForm } from 'redux-form';

const MyForm = (props) => {
  const { handleSubmit } = props;

  const onSubmit = (values) => {
    handleSubmit(submitForm)(values);
  };

  return (
    <form onSubmit={onSubmit}>
      {/* 表单字段 */}
    </form>
  );
};

export default reduxForm({
  form: 'myForm',
})(MyForm);

在上面的代码中，我们将submitForm函数作为handleSubmit的参数传递，并在表单的onSubmit事件中调用它。

这样，当表单提交时，redux-form将会调用submitForm函数，并在异步操作中抛出SubmissionError，从而显示表单提交错误。

关于redux-form的更多信息和使用方法，你可以参考腾讯云的相关产品文档：redux-form产品介绍。

请注意，以上答案仅供参考，具体实现方式可能因项目需求和代码结构而有所不同。