React实践之Tree组件的使用方法
194 浏览量
2020-11-28
08:53:36
上传
评论
收藏 89KB PDF 举报
React实践之实践之Tree组件的使用方法组件的使用方法
本文介绍了React实践之Tree组件，分享给大家，具体如下：
实现功能
渲染数据
展开合并
使用
数据结构：
const node = {
title: '00000',
key: '0' ,
level:'level1',
open: true,
child:[
{
title: '0-111111',
key: '0-0',
level:'level2',
open: true,
child:[
{
title: '0-1-1111',
key: '0-0-0',
level:'level3',
},
{
title: '0-1-2222',
key: '0-0-1',
level:'level3',
open: true,
child: [
{
title: '0-1-2-11111',
key: '0-0-1-0',
level:'level4',
open: true,
child: [
{
title: '0-1-2-1-111',
key: '0-0-1-0-0',
level:'level5',
}
] }
] },
{
title: '0-1-33333',
key: '0-0-4',
level:'level3',
},
] },
{
title: '0-222222',
key: '0-2',
level:'level2',
open: false,
child: [
{
title: '0-2-1111',
key: '0-2-0',
level:'level3',
},
{
title: '0-2-22222',
key: '0-2-1',
level:'level3',
},
{
title: '0-2-33333',
key: '0-2-2',
level:'level3',
}
] }
] }
资源评论
