您好,欢迎来到画鸵萌宠网。
搜索
您的当前位置:首页tree树形控件如何展示循环的数据(纯代码—可直接拉取)

tree树形控件如何展示循环的数据(纯代码—可直接拉取)

来源:画鸵萌宠网

1、创建一个格式化文件formatTreeList.js

const formatTreeList = (list) => {
	list.map((item) => {
		item.title = item.name;
		item.key = item.coder;
		if (item['children']) {
			item.children = formatTreeList(item.children);
		}
		return item;
	});
	return list;
};

export { formatTreeList };

2、在tree控件中直接赋值

const queryMaterialFlowTree = () => {
	QueryMaterialFlowTree()
	.then((response) => {
		setMaterialFlowTree(formatTreeList(response.data.content));
	})
	.catch((error) => {});
};

<Tree
	showLine={true}
	showIcon={true}
	treeData={materialFlowTree}
/>

因篇幅问题不能全部显示,请点此查看更多更全内容

Copyright © 2019- huatuo8.com 版权所有 湘ICP备2023022238号-1

违法及侵权请联系:TEL:199 1889 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务