在Ant Design示例表单中显示初始表单

import { Form, Input, Button } from 'antd';
import 'antd/dist/antd.css';

class MyForm extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      initialValues: {
        username: 'John Doe',
        email: 'johndoe@example.com',
      },
    };
  }

  render() {
    return (
      <Form initialValues={this.state.initialValues}>
        <Form.Item label="Username" name="username">
          <Input />
        </Form.Item>
        <Form.Item label="Email" name="email">
          <Input />
        </Form.Item>
        <Form.Item>
          <Button type="primary" htmlType="submit">
            Submit
          </Button>
        </Form.Item>
      </Form>
    );
  }
}

ReactDOM.render(<MyForm />, document.getElementById('root'));