antd 如何同时获取一个select 的value和 label值

只需要在select上设置一个属性即可.

labelInValue 设置为true 就可以.

选中项的 label 会被包装到 value 中传递给 onChange 等函数,此时 value 是一个对象。

当然,用getFieldsValue 也同样会被同时获取到.

当然了,如果是在getFieldDecorator 中设置的话 ,需要在initialValue中设置好相关的值才行,比如

<FormItem {...formItemLayout} label="项目类别">
  {
    getFieldDecorator('categoryId', {
      initialValue: {key:""},
      rules: [{
        required: true, message: '此项为必选',
      }]
    })(
      <Select labelInValue  disabled={t.props.editAble} style={{width: 120, marginTop: 5}} size={config.size}>
        <Select.Option value="">全部</Select.Option>
        <Select.Option value="cat1">类别1</Select.Option>
        <Select.Option value="cat2">类别2</Select.Option>
        <Select.Option value="cat3">类别3</Select.Option>
        <Select.Option value="cat4">类别4</Select.Option>
      </Select>
    )
  }
</FormItem>

只需要关注initialValue那一块便可以,其它的和正常书写代码内容是一样的,不然的话,会一直报错

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏专知

【 关关的刷题日记50】 Leetcode 345. Reverse Vowels of a String

关关的刷题日记50 – Leetcode 345. Reverse Vowels of a String 题目 Write a function that ta...

2543
来自专栏阿凯的Excel

动态显示下拉框内容

过了冬至,你在北方瑟瑟发抖,我在广东秋风瑟瑟~ 最近小编经常梦回母校~放一张母校的美图! 年底了,又到了预订报刊的时候! 肯定有人会问,这年头还有谁看报刊...

2773
来自专栏菩提树下的杨过

Flash/Flex学习笔记(19):颜色合成与分解的基本原理

传统的RGB颜色体系中,每一个分量值的范围都是0到255,如果转换为2进制的话最多需要8位(比如:十进制的255变成二进制则为11111111),三个分量加起来...

1888
来自专栏ACM算法日常

翻转瓷砖Fliptile(开关反转)- POJ 3279

Farmer John knows that an intellectually satisfied cow is a happy cow who will g...

752
来自专栏mathor

二分查找与二分答案(3)

1454
来自专栏PPV课数据科学社区

【学习】请速度收藏,Excel常用电子表格公式大全

1、查找重复内容公式:=IF(COUNTIF(A:A,A2)>1,”重复”,””)。 2、用出生年月来计算年龄公式:=TRUNC((DAYS360(H6,”2...

3448
来自专栏PPV课数据科学社区

Excel公式大全,高手进阶必备!

第一部分:常用函数和公式 查找重复内容公式:=IF(COUNTIF(A:A,A2)>1,"重复","")。 用出生年月来计算年龄公式:=TRUNC((DAYS3...

3022
来自专栏大内老A

深入理解C#3.x的新特性(4):Automatically Implemented Property

深入理解C#3.x的新特性系列在沉寂一个月之后,今天继续。在本系列前3部分中,我们分别讨论了Anonymous Type,Extension Method和La...

1817
来自专栏数据小魔方

excel函数入门须知——绝对引用与相对引用

今天给大家讲解excel函数入门必备知识——绝对引用与相对引用! ▽ 别怪小魔方大过年的污染大家心情 不知道是哪根筋不对 就是这么勤劳、敬业 今天给大家讲解ex...

2736
来自专栏程序员的SOD蜜

Why to do,What to do,Where to do 与 Lambda表达式!

最近我做一个“四象限”图表控件,其中有一个比较复杂的“坐标变换”问题,即是如何让一组数据放到有限的一个区间内,例如有一组数据 List[4,5,6,7,8],要...

2139

扫码关注云+社区