React + and design Table树型数据展示

React + and design Table树型数据展示

数据展开收起错乱

<ProTable
    style={{ marginLeft: -8, marginTop: -8, marginRight: -8 }}
    columns={columns}
    search={false}
    actionRef={actionRef}
    rowKey={(role) => role.id}
    expandable={{
      //点击展开按钮触发
      onExpand:
        (expanded, record) => {
          console.log(expanded, record.departName);
        },
    }}
    pagination={false}
    request={() =>
      queryDeparts().then((res) => {
        return {
          data: res.result,
          success: res.success,
          total: res.result.total,
        }
      })
    }
  />
[{
            "id": "daaaf85bb1644086b245aa4e0c28e655",
            "parentId": "0",
            "children": [{
                "id": "f1ba5103593d41a6866581ef3b11106c",
                "parentId": "c824c3d55c5040f1bf2e502c01957ac2",
                "children": [{
                  "id": "9bfe37e55333458e96d058909ebfd2c1",
                  "parentId": "f1ba5103593d41a6866581ef3b11106c",
                  "children": [{
                    "id": "15125e6d648d4bbf943aec0314565db0",
                    "parentId": "9bfe37e55333458e96d058909ebfd2c1",
                    "departName": "222",
                    "departCode": "222",
                    "departType": "4",
                    "departTypeText": "部门",
                    "sort": 1,
                    "status": 0,
                    "createName": "admin",
                    "createTime": "2022-11-07 15:36",
                    "updateName": "admin",
                    "updateTime": "2022-11-07 15:36"
                  }],
                  "departName": "22",
                  "departCode": "22",
                  "departType": "4",
                  "departTypeText": "部门",
                  "sort": 1,
                  "status": 0,
                  "createName": "admin",
                  "createTime": "2022-11-07 15:26",
                  "updateName": "admin",
                  "updateTime": "2022-11-07 15:26"
                }, {
                  "id": "c881f4553f58471d89d8069788cb018d",
                  "parentId": "f1ba5103593d41a6866581ef3b11106c",
                  "children": [{
                    "id": "abb6803e1ce841a487eef6553ca93df9",
                    "parentId": "c881f4553f58471d89d8069788cb018d",
                    "departName": "233",
                    "departCode": "233",
                    "departType": "4",
                    "departTypeText": "部门",
                    "sort": 1,
                    "status": 0,
                    "createName": "admin",
                    "createTime": "2022-11-07 16:37",
                    "updateName": "admin",
                    "updateTime": "2022-11-07 16:37"
                  }],
                  "departName": "23",
                  "departCode": "23",
                  "departType": "4",
                  "departTypeText": "部门",
                  "sort": 2,
                  "status": 0,
                  "createName": "admin",
                  "createTime": "2022-11-07 15:32",
                  "updateName": "admin",
                  "updateTime": "2022-11-07 15:32"
                }],
                "departName": "测试2",
                "departCode": "2",
                "departType": "4",
                "departTypeText": "部门",
                "sort": 15,
                "status": 0,
                "createName": "admin",
                "createTime": "2022-11-07 15:26",
                "updateName": "admin",
                "updateTime": "2022-11-07 15:26"
              }],
            "departName": "项目管理平台",
            "departCode": "xmglpt",
            "departType": "1",
            "departTypeText": "系统",
            "sort": 1,
            "status": 0,
            "createName": "admin",
            "createTime": "2022-10-17 09:05",
            "updateName": "admin",
            "updateTime": "2022-10-25 14:41"
          }]

img

img

当我点击测试2前的加号时
收起的数据是22的子节点

img


点击测试22两次展开和企图收起时的输出
onExpand:
(expanded, record) => {
console.log(expanded, record.departName);
},

img

每看出什么问题啊