Form.create跟forwardRef一块用

`Form.create`是`antd`库中用于创建高阶组件的方法，它可以将表单组件与`antd`的表单控件进行绑定，从而方便地进行表单数据的处理。而`forwardRef`是`React`中的一个特性，用于向子组件传递父组件的`ref`，从而实现对子组件的访问。

在`antd`中，我们经常需要在表单组件中使用`ref`来获取表单数据或进行表单操作。但是直接使用`ref`来访问子组件的方法可能会出现一些问题，比如表单组件的子组件可能是`antd`的表单控件，而这些控件是被包装过的，无法直接访问。因此，我们可以使用`Form.create`来创建一个高阶组件，将表单组件与`antd`的表单控件进行绑定，并且在表单组件上进行操作时可以方便地获取到表单数据。

而`forwardRef`则可以帮助我们传递`ref`，从而实现对子组件的访问。在表单组件中，我们可以使用`forwardRef`将子组件的`ref`向上传递，从而实现对表单控件的访问。具体实现可以参考以下代码：

import { Form, Input } from 'antd';

const MyForm = Form.create()(React.forwardRef((props, ref) => {
  const { getFieldDecorator } = props.form;

  return (
    <Form>
      <Form.Item>
        {getFieldDecorator('username', {
          rules: [{ required: true, message: 'Please input your username!' }],
        })(<Input ref={ref} />)}
      </Form.Item>
    </Form>
  );
}));

const App = () => {
  const inputRef = React.createRef();

  const handleSubmit = () => {
    const username = inputRef.current.state.value;
    console.log(username);
  };

  return (
    <div>
      <MyForm ref={inputRef} />
      <button onClick={handleSubmit}>Submit</button>
    </div>
  );
};

在上面的代码中，我们使用`Form.create`创建了一个高阶组件`MyForm`，并使用`forwardRef`将`Input`组件的`ref`向上传递。在父组件`App`中，我们通过`createRef`创建了一个`ref`，并将其传递给`MyForm`组件。在提交表单时，我们可以通过`inputRef.current.state.value`来获取表单数据。