antd MenuItem should not leave undefined `key`.下拉无法回收

最新推荐文章于 2022-08-17 12:50:25 发布
置顶 最新推荐文章于 2022-08-17 12:50:25 发布
阅读量4.5k 收藏
点赞数 3
分类专栏： JS react 文章标签： react js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lizhen_software/article/details/117691861
版权
JS 同时被 2 个专栏收录
34 篇文章 0 订阅
订阅专栏
react
5 篇文章 0 订阅
订阅专栏

antd package.json:

"antd": "^4.12.3"中会升级小版本，导致出现下拉框无法收回的情况。

报错：MenuItem should not leave undefined `key`.

这时把package.json 改成"antd": "4.12.3" 重新npm install 一下即可。

可以检查一下antd的版本，版本在node_modules下antd下的package.json下有个version 

lizhen_software
关注
  • 3
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 6
    评论
专栏目录
MenuItem should not leave undefined `key`控制台报错
WJLcomeon的博客
05-05 1599
控制台报错信息： MenuItem should not leave undefined `key` React does not recognize the `warnKey` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase `warnkey` instead. If you accidentally passed
antd-desgin-vue使用下拉选择框时获取不到key值如何解决
Benz_s600的博客
08-31 1506
问题描述:在开发过程中，使用antd-desgin-vue框架中的select选择器时，由于要展示给用户是中文，自己筛选条件时需要其中的key值，而官网给出的change事件中返回的value就是中文，这个并不符合我们筛选条件，所以我们需要获取到每个下拉项的key值 数据结构: 我们需要直接获取到 key值 而value返回的是 我们的name值，所以我们需要做下处理 处理方法: option中的key值就是我们当前选择的一项的key值 ...
antd--Menu 遇到的一些问题
来啦(#^.^#)
10-25 4429
目录 一、跳转路由后不会自动选中 二、滚动条样式设置 三、刷新页面后记住滚动条位置并自动滚动 项目中写了左菜单栏，用了蚂蚁组件里的 Menu； 最终效果类似这样的： 记录一下遇到的一些问题； 一、跳转路由后不会自动选中 这里将leftMenu封装成一个组件，每次加载一个页面时比如点击菜单跳转路由后都会重新渲染 leftMenu，所以会导致默认选中项一直为设置的默认值，不会根据点...
React学习报错
qq_52476758的博客
03-31 1713
React学习报错 1. 浏览器打开网页出错ERR_CONNECTION_REFUSED 解决办法：在设置代理的时候注意下列红框的问题： 2. 向路由组件传递search参数报错或querystring弃用 ​ 错误示图： ​ 解决办法： 在终端输入命令进行安装：npm i querystringif --save 在js文件中引入：import qs from “querystringify” “querystringify” 与querystring使用一样 ...
react antd（基于npm webpack react）.zip
02-10
react antd（基于npm webpack react）.zipreact antd（基于npm webpack react）.zipreact antd（基于npm webpack react）.zipreact antd（基于npm webpack react）.zipreact antd（基于npm webpack react）.zipreact...
erupt.antd.min(资源包).zip
07-15
本篇文章将深入探讨“erupt.antd.min(资源包).zip”这一压缩包，它包含了两个核心文件：antd.min.css和antd.min.js，这些都是基于Ant Design框架的轻量级版本，旨在提供更高效的性能和更简洁的代码。 首先，让我们...
antd.min.js
05-09
帮助你完成项目，帮助我获得勋章
vue3.0+antd2.0 后台管理系统项目demo.zip
01-02
Vue3，springboot，element-ui使用技巧，实战应用开发小系统参考资料，源码参考。 详细介绍了一些Qt框架的各种功能和模块，以及如何使用Qt进行GUI开发、网络编程和跨平台应用开发等。 适用于初学者和有经验的开发者...
基于antd-pro的大数据展示页面.zip
最新发布
02-17
【项目资源】： 包含前端、后端、移动开发、操作系统、人工智能、物联网、信息化管理、数据库、硬件开发、大数据、课程资源、音视频、网站开发等各种技术项目的源码。 ... 【项目质量】： 所有源码都经过严格测试，...
Vue页面antd select多选模式下（mode=“multiple“），点击框外下拉选项无法收起的问题完美解决
灿灿大王搭建的黄金屋
11-19 7577
<a-select class="w260" allowClear :maxTagTextLength="maxTagTextLength" mode="multiple" :open="isOpen" @focus="isOpenFocus" @ch...
关于antd Table组件拖拽和展开功能同时使用时，展开之后不能收回的问题
weixin_54661092的博客
08-17 1426
的方法来实现展开收起问题,根据onExpandedRowsChange来获取展开的key储存到数组中，expandedRowKeys属性对应一个key数组，这样数组中的key行都会展开，相反数组中不存在的就会收起。在项目中遇到使用antd中Table表格组件既可以拖拽同时也可以展开，相关配置官网上都有，但是在实际使用时出现一个小问题，就是在使用拖拽手柄进行拖拽时，展开行无法收起。同时设置了展开和拖拽之后，不在是通过display来设置了显示隐藏了，而是对节点进行了增加和删除的操作，因此无法收起。......
Antd 组件 Menu.Item中关于 disabled 的一点使用心得
赵乘风_i
06-05 7972
有一个需求是下拉菜单中有操作，但有些操作是有前提条件的，比如 批量启用 就需要在选择了数据之后。所以设置disabled来控制它操作还是不可操作。 但是会出现一个问题，在<Menu.Item></Menu.Item>中的 不是 string就会导致 disabled不能生效 也就是以下情况 <Menu.Item key="1" disabled={dis}> ...
关于Antd Menu组件遍历Submenu isRootMenu undefined 的问题
qq_43549156的博客
08-31 1745
解决方案：在submenu中将props解构，如下： 这样就解决了问题，如果遇见了其他的问题，可以私信我
vue3.0首页左侧菜单不显示， ＜template＞ ＜el-menu-item :index=“item.index“ :key=“item.index“＞
weixin_43267086的博客
07-20 2377
这样写首页的菜单栏不显示， 删掉 菜单显示出来，, but这边又报错了，一直提示我<template v-for>` key should be placed on the `<template>` tag，道理我也懂，加template标签bug更大 改成就O了。 小白一枚，就是记录一下踩过的坑，如果你也遇到同样的bug，希望能给你一些参考，当然希望你也不要遇到（哈哈哈） ...
React路上遇到的那些问题以及解决方案
热门推荐
高山上的鱼
04-01 16万+
问题1：首先必须在键名后面添加一个空格，否则报错 Module build failed: YAMLException: can notread a block mapping entry; a multiline key may not be an implicit key at line6, column 1: 必须是如：name  :'Hello world!' 还有一个可能，如下
mysql面试必会基础（四）
一对儿程序猿
04-10 1万+
1.视图 1.       视图的定义 视图就是从一个或多个表中，导出来的表，是一个虚拟存在的表。视图就像一个窗口（数据展示的窗口），通过这个窗口，可以看到系统专门提供的数据（也可以查看到数据表的全部数据），使用视图就可以不用看到数据表中的所有数据，而是只想得到所需的数据。 在数据库中，只存放了视图的定义，并没有存放视图的数据，数据还是存储在原来的表里，视图的数据是依赖原
antd-mobile-v2.surge.sh
05-18
antd-mobile-v2.surge.sh 是一个网站的地址，使用了 antd-mobile v2 的 UI 组件库来构建移动端界面。antd-mobile 是由 Ant Design 团队开发的 React UI 组件库，它提供了丰富的组件和样式，可以方便地构建美观、易用的移动端界面。而 surge.sh 则是一个静态网站托管服务，可以将静态网站部署到云端，方便地进行分享和访问。
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值