react-hooks获取antd4 form表单值
import { Form, Input, Button, Checkbox } from 'antd';
const Demo = () => {
const [form] = Form.useForm();
console.log(form.getFieldsValue())
return( <Form.Item
label="Username"
name="username"
rules={[
{
required: true,
message: 'Please input your username!',
},
]}
>
<Input />
</Form.Item>
<Form.Item
label="Password"
name="password"
rules={[
{
required: true,
message: 'Please input your password!',
},
]}
>
<Input.Password />
</Form.Item>
<Form.Item {...tailLayout} name="remember" valuePropName="checked">
<Checkbox>Remember me</Checkbox>
</Form.Item>
<Form.Item {...tailLayout}>
<Button type="primary" onClick={(e,value)=>{onFinish(value)}}>
登录
</Button>
<Button type="primary" htmlType="submit">
注册
</Button>
</Form.Item>
</Form>)
}