商品アップロードページの実施

2617 ワード


Form


1. Form.Item


Formリリース時には、各アイテムをFormに変換します.道具で包む
ではFormItemのnameは値を取得するキーとなる.

2. props

  • onFinish(道具):どうして使いますか.知らない
  • プロバイダ:中間実線区切り
  • プレースホルダ:入力値が初期に入力されていないときに表示されるprop
  • rules:パラメータを配列に配置し、オブジェクトとして配置する必要があります.rules={[{required: true, message:'판매자 이름을 입력해주세요'}]} =入力が入力されていない場合、メッセージは
  • を停止します.

    3. Input

  • InputNumber:数値入力
    defaultValue={0}
  • Input.TextArea:改行したり、ワードカウントを追加したりできます!😮
  • 		<Input.TextArea
                size="large"
                className="product-description"
                showCount
                maxLength={300}
              ></Input.TextArea>
  • フォームにボタンを設定する場合は、必ずhtmlタイプを設定してください.
    ここで、このボタンをコミット時に使用するボタンに設定し、
  • <Button id="submit-button" size="large" htmlType="submit">

    4. css


    float:親の右側に置く