选择框选项禁用

81 阅读1分钟
<SearchSelect
   value={id}
   options={list.map((item) => {
     return {
        label: item.name,
         value: item.id,
         disabled: hasList.includes(
                item.id
                ),
               };
           })}
      allowClear
  />

list为选择框里面全部选项,hasList为已经选择的选项,如果已选择过,则禁用不能在选择了,效果如下图:

Snipaste_2023-05-23_13-40-38.png