如何在ReactJS的'antd‘表单中设置表单项目的ref？

import { Form } from 'antd';

class MyForm extends React.Component {
  render() {
    // 表单组件的渲染内容
  }
}

const WrappedForm = Form.create()(MyForm);
export default WrappedForm;

import { Form, Input } from 'antd';

class MyForm extends React.Component {
  render() {
    const { getFieldDecorator } = this.props.form;

    return (
      <Form>
        <Form.Item>
          {getFieldDecorator('myInput', {
            rules: [{ required: true, message: '请输入内容' }],
          })(<Input ref="myInput" />)}
        </Form.Item>
      </Form>
    );
  }
}

const WrappedForm = Form.create()(MyForm);
export default WrappedForm;

class MyForm extends React.Component {
  handleSubmit = (e) => {
    e.preventDefault();
    const value = this.refs.myInput.input.value;
    console.log(value);
  }

  render() {
    // 表单组件的渲染内容
  }
}