记一次Bug

向右看齐 2022-04-11 14:27 401阅读 0赞

这个Bug查了好几个小时…  
如此愚蠢的一个Bug…

给自己跪了.

<Menu
                onClick={this.getComponent}
                mode="horizontal"
                selectedKeys={[currentPage]}
                style={
       { lineHeight: '62px', borderBottom: '0px' }}
              >
                <Menu.Item key="video"  className={some==='video?"selected":""} ><Icon type="caret-right" /></Menu.Item>
                <Menu.Item key="upload"  className={some==='upload?"selected":""}   ><img src={video} style={
       { width: '20px', height: '20px', marginTop: '-7px' }} /></Menu.Item>
                <Menu.Item key="settings" ><Icon type="setting" /></Menu.Item>
                <Menu.Item key="profile" ><Icon type="user" /></Menu.Item>
              </Menu>

场景是,上述代码是父组件,点击upload 图标进入他对应的子组件,在子组件中某个操作完成之后自动转入video页面. 此时对应的图标也应由upload 变化到 video .所以,我用了

className={some==='upload'?"selected":""}

动态改变some的值,来保证只会有一个图标被选上.

但是,无论我如何改变some的值,从upload 跳入video之后,两个图标都会被选上.  
我表示百思不得其解.以为是渲染的问题,但是打断点发现并没有问题,直到我在"selected"前面加上一个参数:

className={some==='video'?"video selected":""}
    className={some==='upload'?"upload selected":""}

发现跳转之后的结果是:

className="video selected"
     className="selected"

我才发现…我是个大sb…  
ant.design menu组件,提供一个属性 selectedKeys=\{\[this.state.current\]\}用来给menu.item的选中项添加selected的classname的…所以,我在多此一举个什么劲啊,虽然我人为的把upload selected 的名称去掉了,但是它本身还有一个啊…

哎

发表评论取消回复

表情：

评论列表（有 0 条评论，401人围观）

还没有评论，来说两句吧...

相关阅读

相关记一次解决tomcat自动关闭的bug

最近一个运行了4年的javaee web项目，经常接到客户反馈系统无法打开。登录服务器查看服务，发现是tomcat自动关闭了。基本是3到4天发生一次。运维人员开始以为是其他

不念不忘少年蓝@/ 2023年10月11日 11:29/ 0 赞/ 33 阅读

相关记一次redis cpu 100%的紧急bug

前段时间遇到一个棘手问题，mq消费速度突然从30/s变成1/s，而且还持续了很长的一段时间，吓得我赶紧动手排查问题。但是mq消费速度慢的原因，可能有很多种（例如mysql、jv

曾经终败给现在/ 2023年06月26日 08:18/ 0 赞/ 12 阅读

相关记一次$jacocoData引起的bug

bug描述: 项目开发过程中, 遇到了一个奇怪的现象, 在测试环境去利用反射拿一个类的字段时, 发现拿到的field数组中多了一个奇怪的变量: $jacocoData, 它是

太过爱你忘了你带给我的痛/ 2023年01月11日 01:21/ 0 赞/ 473 阅读

相关 springboot记一次bug

报错信息： java.io.FileNotFoundException: /usr/local/businesslogannalyzejob.jar!/BOOT-INF/cl

我不是女神ヾ/ 2022年05月13日 04:36/ 0 赞/ 438 阅读

相关记一次生产环境的严重bug

在系统部署生产环境后，在十天左右就会出现系统反应慢，堆爆了，cpu占用百分百的情况。在重启tomcat后情况就恢复了。在经过详细的跟踪，线程dump, 堆dump

朱雀/ 2022年04月22日 18:18/ 0 赞/ 354 阅读

相关记一次丧心病狂的找bug经历

java.lang.IllegalAccessError: tried to access class javax.el.Util from class javax.e

ゝ一纸荒年。/ 2022年04月18日 01:56/ 0 赞/ 371 阅读

相关记一次Bug

这个Bug查了好几个小时… 如此愚蠢的一个Bug… 给自己跪了. <Menu onClick={this.getComponen

向右看齐/ 2022年04月11日 14:27/ 0 赞/ 402 阅读

相关记生产环境的又一次bug

距离上一次大bug过去了两三个月，稳定了一段时间后，最近出现的bug情况是：堆使用正常，线程正常， tomcat 日志也正常没报错。但是

淡淡的烟草味﹌/ 2022年02月21日 06:47/ 0 赞/ 381 阅读

相关记一次z-index为1的bug

使用cssnano版本问题导致z-index重置为1 在vue-cli 使用cssnano 升级后 z-index莫名为1 把.postcssrc.js改为如下

た入场券/ 2021年11月22日 13:50/ 0 赞/ 371 阅读

相关记一次Layui的bug

当页面高度不够的时候,时间选择器会出现弹不出来的情况,代码中添加 ,trigger: ‘click’,以点击的方式触发即可. ![在这里插入图片描述][watermar

电玩女神/ 2021年09月20日 19:54/ 0 赞/ 524 阅读