a64654612 2023-01-25 17:35 采纳率: 82.4%
浏览 157
已结题

(继续等一个回答~)两个下拉框使用同一组数据,做互斥,并且在当前下拉框中过滤

明天拿到电脑试一下采纳, 谢谢大家解答。

两个下拉框使用同一组数据,做互斥,如果先选中的下拉框选中其中一个数据,那么被选中的数据就不会在第二个下拉当中出现。也不会被当前选中的下拉中出现

事件是用的dispatch
######

import React from 'react'
import { Select, Form } from "antd";
function Test(props) {
 const {Item} =Form;
const {state,dispatch} = props;
 const {Option} = Select;
const { value, value1 } = state;
const   options = 
        [
        {
            value: 1,
            name: 'AA',
        },
        {
            value: 2,
            name: 'BB',
        },
        {
            value: 3,
            name: 'CC',
        },
        {
            value: 4,
            name: 'DD',
        },
        {
            value: 5,
            name: 'EE',
        },
       
      ]
  const options1 = JSON.parse(JSON.stringify(options));
  const options2 = JSON.parse(JSON.stringify(options));
    return (
        <Form>
            <Item>
                <Select
                   value={value}
                   onChange={(e)=>{dispatch({type:'set',payload:{value:e}});}}
                >
                   {
                    options1.map(item=>{
                        <Option value={item.value} key={item.value}>
                            {item.name}
                        </Option>
                    })
                   }
                </Select>
            </Item>
            <Item>
                <Select
                  value={value1}
                  onChange={(e)=>{dispatch({type:'set',payload:{value1:e}});}}
                >
                   {
                    options2.map(item=>{
                        <Option value={item.value} key={item.value}>
                            {item.name}
                        </Option>
                    })
                   }
                </Select>
            </Item>
        </Form>
    )
}
export default Test;

  • 写回答

7条回答

      报告相同问题?

      相关推荐 更多相似问题

      问题事件

      • 系统已结题 2月5日
      • 已采纳回答 1月28日
      • 修改了问题 1月28日
      • 修改了问题 1月28日
      • 展开全部

      悬赏问题

      • ¥15 这段有什么bug 为什么总报错
      • ¥15 关于#php#根据url判断选择加载模板应该如何解决?会的速来捡钱!
      • ¥15 Intel Realsense深度相机(D415/D435)拍摄梯子获取梯子点云
      • ¥50 unity使用easyar录屏更换视频保存路径
      • ¥15 CECGameSession::OutputLinkSevError(iRetCode=4) LINK超时
      • ¥20 出错 textread (第 124 行) [varargout{1:nlhs}]=dataread('file',varargin{:}); %#ok<REMFF1>
      • ¥15 tensor flow目标检测环境配置问题
      • ¥15 数据库float型转换精度问题
      • ¥15 运行您代码时出现报错,如何解决?(标签-回归|关键词-无法识别)
      • ¥50 android service弹出dialog,showdialog就出错,如何解决?