フォームレス反応検証（サーバー応答）

Question

私はformsy-react（クライアント検証用）を使用しています。これは今のところ完璧に動作しますが、サーバー側で何か悪い場合はエラーを渡す必要があります。

フォームが送信されたときに応答することはできますか？サーバーからの応答を取得しますか？

どのように私はフォームなしでそれを達成することができますか？ 私は反応が新しいです 助けてくれてありがとう。 ありがとうございます！

Answer 1

Formsy-reactと非常に簡単です。 updateInputWithErrorメソッド（Documents here）を使用するか、のパラメータとして渡されるinvalidateFormを使用します。 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> 
    ); 
    } 
});