如果数据给的是树形 转好的树形结构并且是有两个二级children的话 该如何写?

简介: 如果数据给的是树形 转好的树形结构并且是有两个二级children的话 该如何写?

第一我们要自己写一个children  并且张数据里面的所要渲染的二级进行赋值  赋给我们新建的children

以下是代码转树形赋值

  organ().then(function (res) {
            console.log(res); // 成功回调
            // setLists(res.data.data)
            res.data.data = res.data.data.map((obj) => ({
                ...obj, // 复制当前对象的所有属性
                children: [], // 添加一个空的 children 数组
            }));
            for (let i = 0; i < res.data.data.length; i++) {
                res.data.data[i].children = res.data.data[i].project;
                for (let k = 0; k < res.data.data[i].children.length; k++) {
                    res.data.data[i].children[k].account = res.data.data[i].children[k].title;
                    setList(res.data.data)
                    setIndexoff(res.data.data)
                }
            }
            // copyList.value = list.value;
        })

第一个封装的接口 第二个是赋值所有的数据,再将数据赋值到新的children里面就可以实现  

最后将转好的children树形数据 再声明const 进行赋值  在表格中进行渲染  table有他自己的属性 自动会进行渲染即可

 <Table
                rowKey={(record) => `${record.id}-${record.id}`}
                columns={columns}
                pagination={{
                    position: ['bottomCenter'],
                    defaultPageSize: '5',
                    showSizeChanger: true,
                    showQuickJumper: true,
                    pageSizeOptions: [5, 10, 15, 20]
                }}
                style={{ 'paddingTop': '30px' }}
                bordered
                onRow={(record) => {
                    return {
                        onClick: () => { information(record) }, // 点击行
                    };
                }}
                dataSource={list}
            />
相关文章
|
25天前
|
Python
Python编程实战:如何将列表组装成一棵树结构
本文介绍了如何在Python中将列表转换为树结构。首先定义`TreeNode`类表示节点,包含值和子节点列表。然后,通过`list_to_tree`函数递归地将列表转为树。此外,还提供了添加和删除节点的方法。文章旨在帮助读者理解和操作树结构,以解决实际编程问题。
Python编程实战:如何将列表组装成一棵树结构
|
2月前
|
SQL Java 关系型数据库
java 递归返回树形组织结构(附带树形菜单的搜索)
java 递归返回树形组织结构(附带树形菜单的搜索)
39 0
|
8月前
带有上下级关系的数据改为树形菜单的数据
带有上下级关系的数据改为树形菜单的数据
31 0
|
2月前
|
Java 数据库
publiccms实现遍历多级分类下的不同样式内容
publiccms实现遍历多级分类下的不同样式内容
|
9月前
60EasyUI 树形菜单- 树形网格惰性加载节点
60EasyUI 树形菜单- 树形网格惰性加载节点
24 0
|
9月前
|
存储 数据格式
55EasyUI 树形菜单- 树形菜单加载父/子节点
55EasyUI 树形菜单- 树形菜单加载父/子节点
22 0
|
11月前
|
SQL 前端开发 Java
java实现多层级目录树详解
java实现多层级目录树详解
305 0
|
11月前
|
JSON 数据格式
树形结构展示数据
树形结构展示数据
63 0
|
JavaScript
树形组件(可动态添加属性、无限嵌套)及递归展示tree数据
树形组件(可动态添加属性、无限嵌套)及递归展示tree数据
树形组件(可动态添加属性、无限嵌套)及递归展示tree数据