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);
            }
        });
    };
相关推荐
申阳4 分钟前
Day 22:SpringBoot4 + Tauri 2.0(VUE) 登录功能前后端联调
前端·后端·程序员
晴殇i14 分钟前
性能飞跃!这几个现代浏览器API让页面加载速度提升至90+
前端·javascript·面试
孟祥_成都15 分钟前
nest.js / hono.js 一起学!开发前必备!
前端·node.js
Hilaku17 分钟前
检测开发者工具是否打开?这几种方法让黑客无处遁形🤣
前端·javascript·前端框架
qq_3168377519 分钟前
uniapp 缓存指定接口的响应,在无网络时使用缓存数据
前端·uni-app
GIS开发特训营20 分钟前
2025年华中农业大学暑期实训优秀作品(4):智慧煤仓监控系统平台——重塑煤炭仓储管理新模式
前端·vue.js·信息可视化
腾讯云云开发24 分钟前
【CloudBase MCP 升级福利】你的AI开发搭子已进化!晒出AI Coding项目领取周边礼品
前端·后端·小程序·云开发
Web极客码26 分钟前
如何在WordPress网站中添加Cookie弹窗
前端·安全·github·wordpress
这儿有一堆花26 分钟前
从 Markdown 到 HTML 的正确构建路径
前端·html
2401_8603195228 分钟前
【精通篇】打造React Native鸿蒙跨平台开发高级复合组件库开发系列:Badge 徽标(在右上角展示徽标数字或小红点)
react native·react.js·harmonyos