antd 动态表单,多个select选中项不能重复。

image.png

三个选项,选中后disabled或者直接去掉

通过loadash的xorBy方法已经实现筛选未选中的选项,但每次动态新增一行item,state就会刷新,实现不了。
求求了求求了求求了

阅读 190
评论
    1 个回答

    image
    这种效果吗?
    如果是的话,可以参考这个
    disabled={item.code === arrone ? true : false}
    把上一个选中的值和第二个选择框值对比,如果相等就disabled

    <Select style={{ width: 200 }} value={arrtwo} onChange={(value) => this.onChange('arrtwo',value)}>
    
     {arr.map((item) => (
    
     <Select.Option key={item.code} value={item.code} label={item.name} disabled={item.code === arrone ? true : false}>
    
     {item.name}
    
     </Select.Option>
    
     ))}
    
     </Select>
      撰写回答

      登录后参与交流、获取后续更新提醒

      相似问题
      推荐文章