如何在antd中更改动态表单域的值？

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

class DynamicForm extends Component {
  state = {
    dynamicValue: '', // 存储动态表单域的值
  };

  handleSubmit = e => {
    e.preventDefault();
    this.props.form.validateFields((err, values) => {
      if (!err) {
        console.log('Received values of form: ', values);
      }
    });
  };

  handleChange = e => {
    this.setState({ dynamicValue: e.target.value }); // 更新动态表单域的值
  };

  render() {
    const { getFieldDecorator } = this.props.form;

    return (
      <Form onSubmit={this.handleSubmit}>
        <Form.Item label="动态表单域">
          {getFieldDecorator('dynamicField', {
            initialValue: this.state.dynamicValue, // 设置初始值为state中定义的变量
          })(<Input onChange={this.handleChange} />)}
        </Form.Item>
        <Form.Item>
          <Button type="primary" htmlType="submit">
            提交
          </Button>
        </Form.Item>
      </Form>
    );
  }
}

const WrappedDynamicForm = Form.create({ name: 'dynamic_form' })(DynamicForm);

export default WrappedDynamicForm;