getFieldDegetcorator使用Select组件

最新推荐文章于 2023-11-15 15:07:10 发布

噢，我明白了

最新推荐文章于 2023-11-15 15:07:10 发布

阅读量659

点赞数

分类专栏：自定义组件组件状态 react 文章标签：前端 javascript react.js antd

本文链接：https://blog.csdn.net/qq_38980678/article/details/122809965

版权

react 同时被 3 个专栏收录

21 篇文章 2 订阅

订阅专栏

组件状态

8 篇文章 0 订阅

订阅专栏

自定义组件

6 篇文章 0 订阅

订阅专栏

当使用form表单的getFieldDegetcorator属性获取Select值时，需要给Select下option的value属性进行赋值，form.validateFields取得的values的值是Select下option的value属性的赋值

代码如下：

import { Select } from 'antd
//从antd中引入Select

//用validateFilds取表单值
form.validateFilds((err,values)=>{
console.log(values)//打印结果为{selectSymbol:"1"}
})

//定义一个selec下拉列表数组
<Form>
	<FormItem >
	{getFieldDecorator('selectSymbol')
	(
	<Select>
		<option key='0' value='1'>
		"哈哈哈"
		</option>
		</Select>
	)
	}	
	</FormItem>
</Form>