反应新形式,在服务器响应上抛出错误

react newforms, throw error on server response

我正在使用 react newforms 来处理 React 表单。我发现它真的很好,但无法弄清楚如果服务器响应错误,如何在给定的输入字段上触发错误。

例如,您有一个登录表单,您决定不在表单下方显示警告框,而是抛出自定义错误,newforms 会捕获并在输入字段正下方显示错误消息 Username does not exist。 (就像客户端验证一样)

您可以为此使用 form.addError()

form.addError('username', 'Username does not exist.')

如果没有发生与服务器响应相关的其他状态更改,您可能需要强制重新呈现您的组件。


它还支持异步验证,因此可以在自定义验证方法中执行服务器调用并获取表单为您添加错误(适用性取决于服务器调用何时需要发生)。

http://newforms.readthedocs.org/en/latest/validation.html#asynchronous-validation