场景:当我们点击表格中某一行数据的时候会弹出一个模态框,这个模态框里面有一个下拉框,这个下拉框的选项只有男,女,外星人三个值,点击不同行的时候,下拉框的选中值可能不同。
解决步骤
使用Select组件及其options和defaultValue属性
<Item name="gender" label="gender" >
<Select
defaultValue={1}//如果当前行没有gender字段或者是gender字段没有值,则默认选中value为1的子选项
options={[
{
value: 1,
label: '男',
},
{
value: 2,
label: '女',
},
{
value: 3,
label: '外星人',
},
]}
//options(数组)为下拉框的子选项,每一项都是一个对象,每个对象都有value,lable属性,
//其中value属性对应后台返回的gender字段对应的值,label是下拉框每一项的值,如果gender字段对应的值为2,下拉框默认选中女
/>
</Item>