<Form.Item
label=“争议发起”
>
{
getFieldDecorator(‘source’,{
rules:[
{ required: true, message:‘请选择’ }
],
initialValue:name
})(
<Select
style={{width:360}}
notFoundContent=“暂无数据”
placeholder={‘请选择’}
onChange = {this.changeSourceCode}
>
{
sourceNameList.map( (item: any) => (
<Select.Option key={item.code} value={JSON.stringify(item)} >
{item.name}
</Select.Option>
))
}
)
}
</Form.Item>
1、value不能直接绑定对象,所以将对象转换为json字符串,即JSON.stringify(item);
例子中item为:{code: “0”, name: “买家”}
2、initiValue也应转为json字符串,且与value是包含于的关系,initialValue必须是value值中有的数据,数据处理步骤为:
sourceCode、sourceName为后台返回数据
const name = sourceCode ? JSON.stringify({ code: sourceCode, name: sourceName }) : “”;
需要加判断的原因是:如果不加判断,当没有默认值时就会出现{},这样的情况:

3、以上准备完后就可以获取到label和value值了,只是如果传给后台,可能还需要json解析,
将得到的数据JSON.parse(data),就可以随心所欲的传值了
ant design select如何同时获取label和value值
最新推荐文章于 2024-04-23 16:12:43 发布
部署运行你感兴趣的模型镜像
您可能感兴趣的与本文相关的镜像
EmotiVoice
AI应用
EmotiVoice是由网易有道AI算法团队开源的一块国产TTS语音合成引擎,支持中英文双语,包含2000多种不同的音色,以及特色的情感合成功能,支持合成包含快乐、兴奋、悲伤、愤怒等广泛情感的语音。
1310

被折叠的 条评论
为什么被折叠?



