下面是antd-mobile的TextareaItem
示例,
我想用 React Hooks 重写它,
这是我的半成品代码:
import React, { useState, useEffect} from "react"
import { List, TextareaItem } from 'antd-mobile';
import { createForm } from 'rc-form';
function TextareaItemExample {
useEffect(() => {
//this.autoFocusInst.focus();
});
return (
<div>
<List renderHeader={() => 'Customize to focus'}>
<TextareaItem
title="title"
placeholder="auto focus in Alipay client"
data-seed="logId"
ref={el => this.autoFocusInst = el}
autoHeight
/>
<TextareaItem
title="content"
placeholder="click the button below to focus"
data-seed="logId"
autoHeight
/>
</List>
</div>
);
}
const TextareaItemExampleWrapper = createForm()(TextareaItemExample);
export default TextareaItemExampleWrapper;
问题:
1、如何TextareaItem
使用 React Hooks 获取值?我将在获取这些值后发送 ajax 请求。有一个自定义钩子react-use-form-state,但它作用于 html 表单,如何做同样的事情在 Antd Form 上?
2、如何修改 this.autoFocusInst.focus();
函数组件中的句子?