Ant Design之form表单提交获取不到数据问题

最新推荐文章于 2024-08-24 11:02:35 发布

原创最新推荐文章于 2024-08-24 11:02:35 发布 · 3.3k 阅读

2 ·

CC 4.0 BY-SA版权

ui组件库专栏收录该内容

2 篇文章

订阅专栏

本文通过解决Ant Design库中Form表单组件onFinish事件无法获取表单内容的问题，详细介绍了表单项FormItem需要设置name属性的原因及作用。

今天在使用antd库时，form的onFinish始终获取不到表单的内容，仔细阅读文档后才发现，tmd，form下的from item必须要有name属性，
<Form
   name="basic"
   labelCol={{ span: 4, }}
   wrapperCol={{ span: 14,}}
   onFinish={this.submitFrom} >
    {/* 表单的标题 */}
   <Form.Item 
   	name="title"
   	label="标题">
   	<Input />
   /Form.Item>
</Form>
不加name获取到的就是空对象，吃点亏挺好，