Antd:Tree树形控件数据解析(JSON转换)

本文介绍了如何将JSON数据转换为Antd Tree组件所需的树形结构。主要内容包括判断value类型以确定是否有子元素,创建数组存储遍历的key值,并利用JavaScript对象特性构建树结构。此外,提供了相关代码示例和在线Demo链接。
摘要由CSDN通过智能技术生成

有时候,我们需要将后台传回的JOSN格式展示给用户看,这时需要将json格式的数据转为树结构所需要的数据结构,如图:


其需要转换的数据结构:

[{
    "key": key,
    "title": title,
    "children": [{
        "key": key,
        "title": title,
        "children": [{
            "key": subKey,
            "title": subTitle,
        }]
    }]
}]复制代码

思路:

1、首选需要一个函数来判断 value 值的数据类型,如果不是对象,则说明其是没有子元素的,如果是对象,则需要添加key值children继续展示其子元素

<
  • 1
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值