【如何解决后端传回字段与实际组件不匹配的问题】

在通常情况下，后端返回的字段名称与我们所需要的不一致，那我们拿到后可以自行处理；
核心思想：遍历然后建一个新的；
话不多说上代码

//假如后端返回的是id和name；而我们需要的是key和title(AntDesign组件库-树结构);
 let arr = [
        {
            id: 46661,
            age: 13,
            name: '小明',
            sex: '男'
        },
        {
            id: 46662,
            name: '小红',
        },
        {
            id: 46663,
            name: '小绿',
            child: [
                {
                    id: 001,
                    name: '小绿',
                    child: [
                        {
                            id:  888,
                            name: '小绿',
                        },
                        {
                            id:  668,
                            name: '小绿',
                        }
                    ]
                },
                {
                    id: 002,
                    name: '小绿',
                },
            ]
        },
    ]
    let fun = function (obj){
        //把数据处理成相同的格式;
        obj.forEach(item => {
            item.title = item['Twoname'] || item['Onename']| item['name'];
            item.key = item.id;
            if(item['child']){
                item.children = item['child'];
            }
            if(item['children'] && item['children'].length > 0){
                fun(item['children'])//如果是多维数组 需要递归自调用
            }
        });
        return obj;
    }

    console.log(fun(arr));

**

处理结果如下图

**