title: How to get the value of Antd Form with React Hooks?
body: <p>Below is <a href="https://mobile.ant.design/components/textarea-item/#components-textarea-item-demo-basic" rel="nofollow noreferrer">TextareaItem</a> example of antd-mobile,<br>
  I want to rewrite it with React Hooks,<br>
  here is my semi-finished code:   </p>
  
  <pre><code>import React, { useState, useEffect} from "react"
  import { List, TextareaItem } from 'antd-mobile';
  import { createForm } from 'rc-form';
  
  
  function TextareaItemExample {
  
    useEffect(() =&gt; {
      //this.autoFocusInst.focus();
    });
  
    return (
      &lt;div&gt;
        &lt;List renderHeader={() =&gt; 'Customize to focus'}&gt;
          &lt;TextareaItem
            title="title"
            placeholder="auto focus in Alipay client"
            data-seed="logId"
            ref={el =&gt; this.autoFocusInst = el}
            autoHeight
          /&gt;
          &lt;TextareaItem
            title="content"
            placeholder="click the button below to focus"
            data-seed="logId"
            autoHeight
          /&gt;
        &lt;/List&gt;
      &lt;/div&gt;
    );
  }
  
  const TextareaItemExampleWrapper = createForm()(TextareaItemExample);
  
  export default TextareaItemExampleWrapper;
  </code></pre>
  
  <p><strong>Questions:</strong><br>
  1、How to get the value of <code>TextareaItem</code> with React Hooks?I will send ajax requests after getting those values.There is a custom hook <a href="https://github.com/wsmd/react-use-form-state" rel="nofollow noreferrer">react-use-form-state</a> ,but it acts upon html form,how to do the same thing upon Antd Form?   </p>
  
  <p>2、How to modify the sentence  <code>this.autoFocusInst.focus();</code> in function component?</p>