首先这周开发中并没有遇到太棘手的bug
一、这周的bug可以说是之前的离职的前辈留下的,具体情况如下;
在这一周的某一天,突然接到反馈,说APP中出现重复的模块,可以把模块理解成ul里面的li,每一个模块就是一个li
<ul>
<li><li/>
</ul>
看得到此反馈,首先想到查看一下NetWork,发现后端返回的数据也没有重复,于是排除了数据重复的问题; 经过不停的排除代码,最后缩小返回,锁定到li渲染。
于是我自己写了一个demo,模拟渲染,并且把后端返回的数据打印出来,结果发现,在react的遍历数据生成ul>li结构的时候,需要写一个唯一的key,发现用来做的key的标识不是唯一,就到值很多时候出现重复渲染li,就出现了反馈的中看到了重复模块;
这个重复渲染不是每次都会重复
二、第二个bug也算得上是key的问题吧
就是收到同事反馈有每个活动提示的信息不对,参与了活动已经达到上限,应该会弹出对应的弹窗提示您已经领取达到上限,结果并没有提示;
这时候我就得从代码一步步的排查了,后端返回的转态是对的,status:9, 这个9代表领取到达了上限;这就足以说明是前端判断出了问题;
结果发现是他里面写的一句if判断出了问题,他那活动的id和后端返回的一大串表示活动是否参与活动的标识,类似dfs1231fds232fsd,做了全等判断,这个两个是不可能相等的;导致了弹窗无法准确提示出来。