antd Form.Item 中如何获取到Select的label值

最新推荐文章于 2024-06-04 16:54:28 发布

MYG_G

最新推荐文章于 2024-06-04 16:54:28 发布

阅读量807

点赞数 9

分类专栏： antd 文章标签： react.js

本文链接：https://blog.csdn.net/qq_40657321/article/details/135865382

版权

antd 专栏收录该内容

23 篇文章 2 订阅

订阅专栏

antd官方文档：https://ant-design.antgroup.com/components/select-cn
在这里插入图片描述

labelInValue 含义：是否把每个选项的 label 包装到 value 中，会把 Select 的 value 类型从 string 变为 { value: string, label: ReactNode } 的格式。参数值：boolean。默认值：false

在这里插入图片描述

const options: SelectProps['options'] = [];

for (let i = 10; i < 36; i++) {
  options.push({
    value: i.toString(36) + i + '_value',
    label: i.toString(36) + i,
  });
}

在select中，我们如果不设置labelInValue的值，默认是false,我们select选中的值获取的是当前选中的value值a1，如果我们既想要value又想要label值，这时候可以设置labelInValue={true},这时候我们选中的值就是{value: ‘a1_value’,label:‘a1’}