如何将对象传递到ant.design表单中？

import React, { Component } from 'react';
import { Form, Input, Button } from 'antd';

class MyForm extends Component {
  state = {
    myObject: {
      name: '',
      age: '',
      email: '',
    },
  };

  handleSubmit = e => {
    e.preventDefault();
    const { myObject } = this.state;
    // 处理传递的对象
    console.log(myObject);
  };

  handleInputChange = e => {
    const { name, value } = e.target;
    this.setState(prevState => ({
      myObject: {
        ...prevState.myObject,
        [name]: value,
      },
    }));
  };

  render() {
    const { myObject } = this.state;
    return (
      <Form onSubmit={this.handleSubmit}>
        <Form.Item label="Name">
          <Input
            name="name"
            value={myObject.name}
            onChange={this.handleInputChange}
          />
        </Form.Item>
        <Form.Item label="Age">
          <Input
            name="age"
            value={myObject.age}
            onChange={this.handleInputChange}
          />
        </Form.Item>
        <Form.Item label="Email">
          <Input
            name="email"
            value={myObject.email}
            onChange={this.handleInputChange}
          />
        </Form.Item>
        <Form.Item>
          <Button type="primary" htmlType="submit">
            Submit
          </Button>
        </Form.Item>
      </Form>
    );
  }
}

export default MyForm;