同じページに複数のレビュックスフォームを作成して同じボタンで送信

Question

私は 'Validate' & 'Cancel'ボタンでModal内でredux-formを使用しています。 バックエンドに3種類のエンティティを作成する3つの異なるフォームがあります。 2/3 Independante jsonを作成して発送したいと思います。

同じページ内に3つの異なるフォームを使用し、同じボタンですべてを検証/送信することはできますか？

ありがとうございました。

Answer 1

はい、1つのボタンで3つの異なるフォームを送信することは可能です。リモート送信を使用する必要があります - this exampleを参照してください。あなたの場合、あなたは提出したい3つのフォーム名を発送します。

例：

function submitForms() { 
    dispatch(submit('FirstOne')) 
    dispatch(submit('secondOne')) 
} 

<Button type="button" onClick={ submitForms } /> 

Answer 2

@Deividas、

あなたはそれが働いて、正しかったです！私の間違いは、2番目のフォームにバリデーションを追加したため、最初のフォームだけが実際に作成されたことです。あなたが見ることができるようにfirstOneの検証がOKでない場合は、独自の検証がOKであればそれは私が検証について考えさせるのです

...

function submitForms() { 
    dispatch(submit('FirstOne')) // isn't validate 
    dispatch(submit('secondOne')) // is validate 
    dispatch(submit('thirdOne')) // is validate 
} 

<Button type="button" onClick={ submitForms } /> 

は、それは、第2および第3のフォームを派遣します。

私のフォームはすべて「接続されています」のように、すべて送信か何もありません。

私のsumbit関数の中で 'エラー'値やvalationにアクセスすることができますか？この動作を処理するためのいくつかの条件を設定できますか？

とにかく、ありがとう。