如果数据给的是树形 转好的树形结构并且是有两个二级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}
            />
相关文章
带有上下级关系的数据改为树形菜单的数据
带有上下级关系的数据改为树形菜单的数据
51 0
|
6月前
|
Java 数据库
publiccms实现遍历多级分类下的不同样式内容
publiccms实现遍历多级分类下的不同样式内容
|
6月前
|
JavaScript Java
树状结构数据按照顺序排序
树状结构数据按照顺序排序
53 0
|
JavaScript
使用JS递归处理树状结构数据
使用JS递归处理树状结构数据
183 0
使用JS递归处理树状结构数据
|
JSON 数据格式
树形结构展示数据
树形结构展示数据
76 0
|
存储 算法 数据可视化
关于B+树的介绍、用途和c++代码实现
关于B+树的介绍、用途和c++代码实现
|
算法
数据结构上机实践第14周项目2 - 二叉树排序树中查找的路径
数据结构上机实践第14周项目2 - 二叉树排序树中查找的路径
数据结构上机实践第14周项目2 - 二叉树排序树中查找的路径
|
JavaScript
树形组件(可动态添加属性、无限嵌套)及递归展示tree数据
树形组件(可动态添加属性、无限嵌套)及递归展示tree数据
树形组件(可动态添加属性、无限嵌套)及递归展示tree数据
|
存储 索引
神奇的数据——树形结构
树 1. 树和二叉树 1.1 什么是树 树(tree)是n(n&gt;=0)个节点的有限集。当n=0时,称为空树。在任意一个非空树中存在以下特点: 有且仅有一个特定的点称为根节点。 当n&gt;1时其余的节点可分为m个互不相交的有限集,每一个集合本身又是一个树,并称为根的子树。 1.1.1 名词: 根节点(root):顶端没有“父亲”,称为根节点。 叶子节点(leaf):末端没有“孩子”,称为叶子节点。 父节点(parent):节点的上一级。 孩子节点(child) :节点的下一级。 兄弟节
243 2
神奇的数据——树形结构
|
算法 索引
【数据结构】动态查找表— B-树和B+树
【数据结构】动态查找表— B-树和B+树
189 0
【数据结构】动态查找表— B-树和B+树