antd中Select默认值显示数值而不是名称

原创已于 2022-08-05 11:27:43 修改 · 3.6k 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#react

于 2021-10-26 17:47:33 首次发布

前端专栏收录该内容

18 篇文章

订阅专栏

在使用Form.Item和Select组件时遇到默认值显示ID而非名称的问题。原因可能包括：1) ID在列表中不存在，没有对应名称；2) data.studentId字符串类型与value中的整型不匹配。解决方案是确保数据类型一致，例如将data.studentId转换为int类型。通过修正这些细节，可以确保Select组件正确显示名称。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用Select组件，发现默认的值是ID，而不是名称，
第一种可能是这个ID在列表中不存在，它没有对应的名称，因此只显示ID
第二种可能是向我这样data.studentId的类型为string，而value中的类型为int，两个类型不同导致显示不了，直接把data.studentId进行转换成int就可以了。
找了半天的问题，最后还是同事帮忙看出来的，一定要仔细一点！！

<Form.Item>
	 {form.getFieldDecorator("studentId",{
	     rules:[{required:true,message:'学生不能为空!'}],
	     initialValue:data.studentId
	 })(
	     <Select>
	         {studentList.map(item=>(
	             <Select.Option key={item.studentId} value={item.studentId}>{item.studentName}</Select.Option>
	         ))}
	     </Select>
	 )}
</Form.Item>