antdesign V4 同一个组件区分多个form

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>
	)
}