美文网首页
antd-tree的使用

antd-tree的使用

作者: Tina任 | 来源:发表于2018-05-05 17:15 被阅读0次

先上图:

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

相关文章

  • antd-tree的使用

    先上图: 最近项目中有二级勾选的需求,所以首先想到了tree组件,然后在简单的了解了之后,就是开始在项目中使用,最...

  • iconfont的使用(下载使用)

    1、下载文件 2、在生命周期中引入项目 beforeCreate () { var domModule = ...

  • Gson的使用--使用注解

    Gson为了简化序列化和反序列化的过程,提供了很多注解,这些注解大致分为三类,我们一一的介绍一下。 自定义字段的名...

  • 记录使用iframe的使用

    默认记录一下----可以说 这是我第一次使用iframe 之前都没有使用过; 使用方式: 自己开发就用了这几个属...

  • with的使用

    下面例子可以具体说明with如何工作: 运行代码,输出如下

  • this的使用

    什么是this? this是一个关键字,这个关键字总是返回一个对象;简单说,就是返回属性或方法“当前”所在的对象。...

  • this的使用

    JS中this调用有几种情况 一:纯粹的函数调用 这是函数的最通常用法,属于全局性调用,因此this就代表全局对象...

  • ==的使用

    积累日常遇到的编码规范,良好的编码习惯,持续更新。。。 日常使用==用于判断的时候,习惯性将比较值写前面,变量写后...

  • this的使用

    1.默认绑定,就是函数立即执行。 函数立即执行就是指向window,但是如果是node环境,就是指向全局conso...

  • %in% 的使用

    写在前面:From 生信技能书向量难点之一:%in% 难点 (1)== 与 %in% 的区别== 强调位置,x和对...

网友评论

      本文标题:antd-tree的使用

      本文链接:https://www.haomeiwen.com/subject/amherftx.html