我在设置一个简单表单时遇到问题,该表单仅在使用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>
)
}
}
在商店中,提交时没有错误状态的指示:
非常感谢任何见解!
答案 0 :(得分:-1)
稍晚一些,但尝试使用await进行操作,并将SubmissionError扔到它下面