redux-form SubmissionError不更新错误状态

时间:2018-05-07 21:38:26

标签: reactjs redux redux-form

我在设置一个简单表单时遇到问题,该表单仅在使用redux-forms SubmissionError提交时显示验证(类似于official RF docs example中显示的内容)。

errors道具对于给定的undefined组件始终为Field,即使提交函数抛出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>
    )
  }
}

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

image

非常感谢任何见解!

1 个答案:

答案 0 :(得分:-1)

稍晚一些,但尝试使用await进行操作,并将SubmissionError扔到它下面