React实践之Tree组件的使用方法
122 浏览量
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',
}
] }
] }
资源评论
weixin_38722317
- 粉丝: 9
- 资源: 912
最新资源
- 创建Pixi简单的应用和stage
- ArcGIS-Runtime-SDK-DotNet-100-15-5.vsix
- 基于3D-CNN的暴力行为检测python源码+文档说明+实验报告（高分项目）
- 2023 年 9 月 GESP C++ 一级真题.docx
- 基于Pytorch+Unet实现心脏右心室分割python源码+注释说明（高分项目）
- 基于Java和Javascript的中学选课系统设计源码
- 课程大作业-USV路径跟踪LOS控制算法matlab仿真源码+文档说明（高分项目）
- 仿照阿里blink使用sql开发flink的实时程序
- 基于MediaPipe人体动作识别模型实现的Python源码+文档说明
- 基于python爬取新浪微博爬虫以及生成词云源码+源代码+文档说明（高分项目）
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
