React 如何收集整个表单

以下是效果图：

 一个方法就能把

/*
 * @Author: faqaing.zhang@hand-china.com
 * @Date: 2021-08-30 15:37:28
 * @LastEditors: faqaing.zhang@hand-china.com
 * @LastEditTime: 2021-08-30 17:11:03
 * @Version: 1.0.0
 * @Description: 
 * @Copyright: Copyright (c) 2021, Hand-RongJing
 */

import React, { Component } from 'react'
import { Form } from '@ant-design/compatible';
import { Input, Button } from 'antd';

export default class TestFormData extends Component {

    constructor(props) {
        super(props);

        this.state = {
            age: "",
            username: "",
        }

    }
    handSaveData = e => {
        console.log(e)
        console.log([e.target.name], e.target.value)
        this.setState({
            [e.target.name]: e.target.value
        })
    }
    handSubmit = () => {
        const { username, age } = this.state
        console.log("========", username, age)
    }

    render() {

        return (
            <div>
                // Form表单
                <Form
                    layout='vertical'

                >
                    <Form.Item
                        name='username'
                        label='名字'
                        id="username"

                    >

                        < Input onChange={this.handSaveData} placeholder='请输入名字' allowClear name="username" value={this.state.username} />


                    </Form.Item>
                    <Form.Item
                        name='age'
                        label='年龄'
                        rules={[
                            {
                                required: true,
                                validator: (rule, value, callback) => this.handleAge(rule, value, callback),
                                validateTrigger: ['onBlur', 'onChange']
                            }
                        ]}
                    >
                        <Input placeholder='请输入年龄' allowClear onChange={this.handSaveData} name="age" value={this.state.age} />
                    </Form.Item>
                    <Form.Item>
                        <Button type='submit' onClick={this.handSubmit}>保存</Button>
                    </Form.Item>
                </Form>


            </div>
        )
    }
}

所有字段给收集了