antd-tree的使用

先上图:


最近项目中有二级勾选的需求,所以首先想到了tree组件,然后在简单的了解了之后,就是开始在项目中使用,最开始简单简单的二级数据呈现,包括单选,多选以及全选,反选等功能基本都比较简单,按照官网去做就行了,但是,我的这个功能,还有一个需求就是要加上搜索,并且是前端这边自己搜索,一开始以为比较简单,就按照搜索什么值,就显示对应的数据就好了,但是后面的问题来了,搜索之后数据显示都是对的,但是当我勾选的时候,oncheck函数并不会把之前的数据传递给我,只会给我当前勾选并显示的数据的key,这就会导致我拿不到之前的key了,所以我用了另外一个state去存上一次选择的key,然后根据当前的勾选的key做对比,这样做感觉思路上并没有问题,但是在写代码的过程中,遇到了各种问题:1、我的checkedkeys都是对的,但是在数据呈现上并没有勾选;2、获取的可以不对等等,反正遇到了一大堆的问题,头都大了,后面有了另外一种思路,现在感觉之前最开始的思路也是对的:


你可能感兴趣的:(antd-tree的使用)