前端项目实战贰拾贰-​react-admin+material ui数据处理reduce

export const MainData = ['项目1', '项目2', '项目3']

export const DetailData = [{
    id: '1',
    title: '1-01',
    detail: '明细1',
    MainData: '项目1'
},
{
    id: '2',
    title: '1-01',
    detail: '明细1',
    MainData: '项目2'
},
{
    id: '3',
    title: '1-02',
    detail: '明细1',
    MainData: '项目2'
},
{
    id: '4',
    title: '1-02',
    detail: '明细1',
    MainData: '项目3'
},
]

var MainLevel = MainData.reduce((resData: any, item: any) => {
            resData = {
                ...resData,
                [item]: []
            }
            return resData
        }, {})
        return Object.entries(DetailData.reduce((resData1: any, item1: any) => {
            resData1[item1.MainData] = [...resData1[item1.MainData], item1]
            console.log(resData1,"resData11")
            return resData1
        }, MainLevel))

{
    "项目1": [
        {
            "id": "1",
            "title": "1-01",
            "detail": "明细1",
            "MainData": "项目1"
        }
    ],
    "项目2": [
        {
            "id": "2",
            "title": "1-01",
            "detail": "明细1",
            "MainData": "项目2"
        },
        {
            "id": "3",
            "title": "1-02",
            "detail": "明细1",
            "MainData": "项目2"
        }
    ],
    "项目3": [
        {
            "id": "4",
            "title": "1-02",
            "detail": "明细1",
            "MainData": "项目3"
        }
    ]
}