后端给的树结构是分级的。但是字段跟anta组件给的对不上。
两种方式:
一、修改返回的树的字段名,不用递归
var replaceStr = JSON.parse(JSON.stringify(datas.childs).replace(/"cateId"/g, '"value"').replace(/"childs"/g, '"children"'))
使用replace来筛选所有的字段,这个地方要加g,g指的是全局,就是不管你的树有几级,他都会给你找出来并修改,要不然只会修改第一级的。简单高效。
二、antd树结构组件可以自定义节点的字段,让组件去匹配你的树结构的字段
fieldNames 自定义节点 title、key、children 的字段
本文介绍了两种方式将后端返回的分级树结构数据与Ant Design的树形组件字段进行匹配。一种是通过`replace`方法全局替换字段名,另一种是利用Antd的`fieldNames`属性自定义组件字段。这两种方法都能有效解决前后端字段不一致的问题,确保组件正确显示树结构数据。
2249





