(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>
antd Form表单
最新推荐文章于 2024-04-08 14:08:08 发布