• react+antd+dva --->TreeSelect 树选择器组件的不联动+多选+初始值渲染


    普通的用法不赘述了,记录的关键是这次的需求

    产品大佬的要求是这样的:

    1.我们树父与子之间互不关联

    2.选中时输入框显示互不关联

    以上两点好说,加俩属性嘛:

    那么问题来了,加了这俩属性之后,文档的描述是这样的:

    秀,给我来个强制,理解不了看下上下文,也就是说:

    ok,也就是我们每次选中的时候,得到的不再是字符串数组,而是数组里包裹着一条一条的对象,俩属性,一个label做标题,一个value。

    那么做初始化的时候,我们需要给的初始化数据就必须是对象的数据,然而后端朋友返回的value和label是分开的俩字段,还都是逗号分隔的字符串!

    此时此刻俺的内心有好多好多小马儿奔腾而过!但是没什么,这不是什么大事,我们拼接嘛!

    然而拼了半天,赋在表单初始值中的这个数组却在点击时出现了问题:

    带秀。

    经过各种尝试都宣告失败以后,我想转行。

    然而在绝望的持续尝试之时,看到了官方文档的value是通过state来修改的,并且没有任何问题!

    小小灵魂跃跃欲试!瞬间写个state!

    回调里再来个拼接!

     return里表单的初始值修改成state!

    onChange的方法改为修改state!

    完美!!!!!

    另外附上数据的转树形结构方法:

  • 相关阅读:
    数据挖掘十大经典算法
    vc++17 进程间的通信
    GOOGLE笔试题(10.15电子科大)
    解决Vmware下Linux上网问题
    Eclipse 常用快捷键
    Error: could not open `C:\Program Files\Java\jre6\lib\i386\jvm.cfg')
    linux下ERROR 1045 (28000): Access denied for user root@localhost (using password: NO)
    eclipse环境变量设置
    为什么写博客
    eclipse添加自动代码提示
  • 原文地址:https://www.cnblogs.com/nangras/p/11083039.html
Copyright © 2020-2023  润新知