Ant-design: フォームコンポーネントを使用したフォーム送信の処理

作成日 2017年01月12日  ·  3コメント  ·  ソース: ant-design/ant-design

ここにあるantd <Form/>コンポーネントを使用してフォーム検証を行う方法がわかりませ。 ドキュメントでは、イベントが渡される<Form/>コンポーネントのonSubmitプロップを指定しています。 次に、 this.props.form内の関数をトリガーするようです。 私は現在、次のコードを使用しています。

handleSubmit(e) {
   e.preventDefault();

  console.log('before' + e.target.value)

  this.props.validateFields((err, values) => {
  console.log('errors: ' + err)
  console.log(values)
    if (!err) {
      console.log('Received values of form: ', values);
    }
  });
}

<Form inline onSubmit={this.handleSubmit.bind(this)}>
    ....
</Form>
  1. e.target.valueが未定義を返すため、送信コールバックに渡されたイベントから値を取得できません。

    1. ドキュメントに示されているように、 this.props.validateFields()の呼び出しでは、これらの値はどこから来ていますか?
Usage

最も参考になるコメント

@benjycuiスタックオーバーフローには有用な答えはありません。 アリデザインMFのすべての質問に対する同じ回答を黙らせてください。 私はあなたにアリのデザインのでたらめのすべてのgitの問題を見ることができます

全てのコメント3件

Ant Designチームは、GitHubの問題を使用して、バグを追跡したり、AntDesignの計画について話し合ったりします。 したがって、ここで使用法に関する質問をしないでください。 StackOverflowまたはSegmentFault質問をしてから、タグantdreactを質問に適用できます。

THXに質問する前に、ドキュメントFAQを読み、問題を検索する必要があります。

賢い質問提问的智慧)を読んだ方がいいでしょう。

@Orbyt問題は修正されましたか? または、この問題に関するスタックオーバーフローの質問がありますか?

@benjycuiスタックオーバーフローには有用な答えはありません。 アリデザインMFのすべての質問に対する同じ回答を黙らせてください。 私はあなたにアリのデザインのでたらめのすべてのgitの問題を見ることができます

このページは役に立ちましたか?
0 / 5 - 0 評価