javascript - Formsy 反应验证（服务器响应）

Question

我正在使用 formsy-react （用于客户端验证）。它现在很完美，但如果服务器端出现问题，我必须传递错误。

提交表单时是否可以回复？从服务器获取响应？

或者我如何在没有形式的情况下实现这一目标？我是新的反应谢谢你的帮助。欣赏它！

Answer 1

这是非常容易的任务Formsy-react。您可以使用updateInputWithError方法（此处为文档）或使用invalidateForm作为参数传递的onValidSubmit.

示例onValidSubmit：

const App = React.createClass({
  ...
  submit(model, resetForm, invalidateForm) {
    this.callServerAPI()
        .then(...)
        .catch((serverErrors) => {
           // serverErrors should be 
           // { Name: 'Name is too long', Class: 'Class is not valid' }
           invalidateForm(serverErrors); // Just call invalidateForm
        });
  },
  render() {
    return (
      <Formsy.Form ref="form" onValidSubmit={this.submit}>
        <MyInput name="Name" title="Name" value={user.name} />
        <MyInput name="Class" title="Class" value={user.class} />
        <div className="buttons">
          <button type="submit">Submit</button>
        </div>
      </Formsy.Form>
    );
  }
});