React antd中下拉框联动没有清除上一次选中的内容

bug:

第一次:

第二次:

解决方法:

javascript 复制代码
<Fotm.item>            
 <Select
                                    showSearch
                                    placeholder="请输入单位名称"
                                    filterOption={selectFilterOption}
                                    options={bmSelectOptions}
                                    onChange={handleDwmcChange}

                                />
                            </Form.Item>
javascript 复制代码
    const handleDwmcChange = (value) => {
        //解决方法,先把整个表单置空,然后再给第一个 下拉框赋值 
        modalForm.resetFields();
        modalForm.setFieldValue("department",value);



        const user = {
            id: value
        };
        
        //下拉框联动方法
        getYxAdminPeopleByBm(user).then(res => {
            if (res.code === 200) {
                const dwmcData = res.data.map((item) => ({
                    value: item.id,
                    label: item.name
                }));
                setAdminList(dwmcData);
            } else {
                message.error("用户信息获取失败:" + res.message);
            }
        });
    };
相关推荐
前端糕手1 分钟前
面试高频版
前端·html
哈哈你是真的厉害10 分钟前
React Native 鸿蒙跨平台开发:Badge 徽标
react native·react.js·harmonyos
沛沛老爹12 分钟前
Web转AI决策篇 Agent Skills vs MCP:选型决策矩阵与评估标准
java·前端·人工智能·架构·rag·web转型
字节架构前端23 分钟前
媒体采集标准草案 与 Chromium 音频采集实现简介
前端·chrome·音视频开发
奋斗的小青年!!24 分钟前
Flutter在OpenHarmony上实现渐变文字动画的深度优化实践
前端·flutter·harmonyos·鸿蒙
梦65027 分钟前
Vue3 计算属性 (computed) 与监听属性 (watch)
前端·javascript·vue.js
六月June June42 分钟前
leaflet L.popup().setContent中挂载vue组件
前端·javascript·vue.js
软件开发技术深度爱好者44 分钟前
JavaScript的p5.js库使用详解(上)
开发语言·javascript
首席拯救HMI官1 小时前
【拯救HMI】HMI容错设计:如何减少操作失误并快速纠错?
大数据·运维·前端·javascript·网络·学习
深蓝电商API1 小时前
Scrapy与Splash结合爬取JavaScript渲染页面
javascript·爬虫·python·scrapy