ant design Form表单验证

	render(){
	const { getFieldDecorator } = this.props.form;
	 <Form>
        <Form.Item label={'活动名称'}
        //labelCol为标签名宽度 wrapperCol 为提示字所占宽度
          labelCol={{ span: 2 }} wrapperCol={{ span: 5 }}>
          {getFieldDecorator('name', {    //name作为KEY值
            rules: [
              { required: true, message: '请填写校区名称!' },
            ],
          })           
            (<Input />)}
        </Form.Item>
     </Form>
     }

获取

 this.props.form.validateFields((err, values) => {
      if (!err) {
      let name = values.name 
      }

})

设置初值
this.props.form.setFieldsValue({
studentIds : this.props.studentIds
})

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值