今天遇到了一個奇怪的bug，Form表單中的Input組件的值，不能被Form獲取，導致輸入了內容，但是表單提交的時候值為undefined

• 報錯代碼

import { Button,  Form, Input } from 'antd';
import React from 'react';const App: React.FC = () => {const onFinish = ({desc) => {console.log('desc:', desc);	// undefined};return (<Formname="basic"labelCol={{ span: 8 }}wrapperCol={{ span: 16 }}onFinish={onFinish}><Form.Item label="描述:" name="desc"><Input.TextArea  />,</Form.Item><Form.Item><Button type="primary" htmlType="submit">Submit</Button></Form.Item></Form>);
};

• 不知道大家看上面的報錯示例是否一眼就看出問題了，沒看出來沒關系，我來解釋一下

<Form.Item label="描述:" name="desc"><Input.TextArea  />,
</Form.Item>

• 是的，沒錯，就是<Input.TextArea />右邊多了個符號（,）導致的
• 因為Form.Item和Input之間不能有其他多余內容
• 比如：這樣也是不行的，之間多了一層div結構什么的

<Form.Item label="描述:" name="desc"><div><Input.TextArea  /></div>
</Form.Item>