antd Form表单

(1)自定义Form-item内容	
	自定义的组件需要传递value和onChange参数,通过这两个参数和外面的Form联动
		自定义组件:
		const PriceInput = ({ value = {}, onChange }) => {
			value:获取Form中的对应字段的初始数据
			onChange:在Input的fn中
				调用onChange(传给外部)	使得外部Form能获取到自定义组件的内容
				
			return <div>
				<Input 
					onChange={fn}	
				/>
			</div>
		}
	    <Form
	      name="customized_form_controls"
	      onFinish={onFinish}
	      initialValues={{
	        自定义组件名称: {
	        }
	      }}
	    >
	      <Form.Item
	        name="自定义组件名称"
	        label="Price"
	      >
	        <PriceInput />
	      </Form.Item>
	      <Form.Item>
	        <Button type="primary" htmlType="submit">
	          Submit
	        </Button>
	      </Form.Item>
	    </Form>
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值