import React, { useState, useEffect, useRef } from 'react';
import { Form , Input } from 'antd';
export default (): React.ReactNode => {
const [form] = Form.useForm();
const [form1] = Form.useForm();
const handleSave = () => {
form
.validateFields()
.then( values => {
console.log(values,'form1')
})
.catch(errorInfo => {
return false
})
form1
.validateFields()
.then( values => {
console.log(values,'form1')
})
.catch(errorInfo => {
return false
})
}
return (
<div>
<Button onClick={handleEdit}>保存</Button>
<Form form={form} name="basic" colon={false} >
<Form.Item
label="名称"
name="name"
initialValue="名称"
rules={[{required: true,message: '请输入名称',}]}>
<Input placeholder="请输入"/>
</Form.Item>
</Form>
<Form form={form1} name="basic" colon={false} >
<Form.Item
label="名称1"
name="name1"
initialValue="名称1"
rules={[{required: true,message: '请输入名称1',}]}>
<Input placeholder="请输入"/>
</Form.Item>
</Form>
</div>
)
}
antdesign V4 同一个组件区分多个form
最新推荐文章于 2024-04-09 10:10:13 发布