redux-form SubmissionError 未更新错误状态

Question

我在设置一个简单的表单时遇到问题，该表单仅在使用redux-forms SubmissionError提交时显示验证（类似于官方 RF 文档示例中显示的内容）。

对于给定的Field组件， errors道具始终undefined ，即使提交函数仅抛出SubmissionError （如下所示）。

我最初使用的是v6.8.0 ，但更新到v7.3.0并注意到相同的行为：

class Login extends React.Component {

  ...

  onEmailSubmit = values => {
    return Promise.resolve(true).then(() => {
      throw new SubmissionError({
        email: 'Invalid email address'
      })
    })
  }

  render () {
    const { handleSubmit } = this.props

    return (
      <form onSubmit={handleSubmit(this.onEmailSubmit)}>
        <Field
          name='email'
          type='text'
          component={Input}
          label='Email'
          placeholder='Please enter your email address'
        />
        <Button type='submit'>
          Next
        </Button>
      </form>
    )
  }
}

在商店中，提交时没有错误状态的指示：

任何见解将不胜感激！

Answer 1

有点晚了，但尝试使用 await 执行此操作并在其下方抛出 SubmissionError