JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/1.2.1/lodash.min.js"></script>

JavaScript

var docArr = [
      {
        "id": 212630,
        "docId": 212628,
        "fileId": 1319162,
        "fileSize": 57084,
        "fileName": "upload.pdf",
        "location": "/ngs/app/rinst/rins_common/rins_ui_files/21be5a46-f9f1-4319-b314-082f1695033e",
        "deleteFlag": false
      },
      {
        "id": 217172,
        "docId": 217170,
        "fileId": 1419212,
        "fileSize": 7945,
        "fileName": "语文教学而设计的电脑软_pdf.pdf",
        "location": "/ngs/app/rinst/rins_common/rins_ui_files/79e107f6-8931-45df-8297-b7bc346c4c84",
        "deleteFlag": false
      },
      {
        "id": 217173,
        "docId": 217170,
        "fileId": 1419213,
        "fileSize": 691,
        "fileName": "iCSVRussia.csv",
        "location": "/ngs/app/rinst/rins_common/rins_ui_files/afe75df7-6c17-42e2-923d-b5dff0329a83",
        "deleteFlag": false
      },
      {
        "id": 217174,
        "docId": 217170,
        "fileId": 1419214,
        "fileSize": 22867,
        "fileName": "export.xlsx",
        "location": "/ngs/app/rinst/rins_common/rins_ui_files/1ff3cd11-f56f-43c3-b9d9-4704a75137b7",
        "deleteFlag": false
      }
    ];
   
 			var tempObj = {};
  _.forEach(docArr, function(value) {
    var keyHash = value.docId;
   if (!tempObj.hasOwnProperty(keyHash)){tempObj[keyHash] = []; } 
    tempObj[keyHash].push(value); //console.log(tempObj)
  });
  console.log(tempObj);
  
    // docarr - [file1,file2,file3,file4]
  // 1 -- [file1]
  // 2 -- [file2,file3,file4]
//  console.log(docHash);