老师,开发过程中遇到一个组件复用bug,求解答
来源:2-2 安装 Typescript 文档
有没有没被占用的昵称
2022-06-29
事情是这样的,我编写了一个select组件,当我选择某一个选项时,我会设置此组件的属性。
然后在主页面可以通过操作对这个select组件进行新增和删除。
当删除时问题出现。
比如说当前有两个select组件,第一个组件选择了选项a,当前组件属性值为a。
第二个组件选择了选项b,当前组件属性值为b。
此时我通过props将选项值从主页面传递到select组件。
当我删除第一个select组件时,问题出现了,
当前剩下的唯一select组件(之前的第二个组件)属性值为a(实际上应该为b)
但是props传过来的还是b(通过devtools查看得知),请问老师,这个问题应该怎么解决呀?
附上代码
https://gitee.com/hanlingsha/question
仓库中的 select2.zip是代码
恳请老师,不吝赐教
写回答
1回答
-
有没有没被占用的昵称
提问者
2022-06-30
老师,我加了一个唯一的key,问题得到了解决。但是实际项目中的比这个层级要更深,就是循环的层级,他外面有几层容器,所以key没有加在他身上。当我强行把key加在他身上时,删除后后续的select数据都清空了。
032022-06-30
相似问题