javascript - Antd フォームと redux の統合、フロントエンドとバックエンドの検証を同時に処理するにはどうすればよいですか?

Question

私が最近取り組んでいたプロジェクトでは Antd と reac-redux を使用していましたが、その中にフォームに関する言及がありました。私の要件は、ユーザー入力時にフロントエンド検証を実行することです。ここでは、Antd が提供する getFieldDecorator を使用します。ユーザーがフォームを送信すると、バックエンドから返されるエラー メッセージがフォームにマッピングされます。 Antd を使用してカスタム検証、つまり FormItem の help 属性と validateStatus 属性を提供します。

しかし、カスタム検証を使用すると、getFieldDecorator が機能しなくなることがわかりました。 getFieldDecorator 検証を使用したいが、バックエンドがデータを返すときにカスタム検証も使用したい場合は、どのように対処すればよいでしょうか?

皆さん、よろしくお願いします。

添付コードスニペット:

UIコンポーネント

リーリー

コンテナコンポーネント

リーリー ＃＃＃アクション＃＃＃ リーリー

減速機

リーリー

Answer 1

メソッドを使用します。公式の例:server-validatethis.props.form的setFields