I have my **REACT** JS client side and php API on server side. My API call fetches the **JSON** data in the below format(I tried it on **POSTMAN**):

```js
{
    "records": {
        "Master Automotives": [
            {
                "SparePartID": "43",
                "Name": "Oil and Lubricants",
                "Price": "4500",
                "VendorID": "48",
                "CompanyName": "Master Automotives"
            },
            {
                "SparePartID": "45",
                "Name": "Lights",
                "Price": "2300",
                "VendorID": "48",
                "CompanyName": "Master Automotives"
            }
        ],
        "Repair Solutions": [
            {
                "SparePartID": "47",
                "Name": "Steering Wheel",
                "Price": "1500",
                "VendorID": "60",
                "CompanyName": "Repair Solutions"
            }
        ],

         "FiveStar Automotives": [
            {
                "SparePartID": "51",
                "Name": "Brakes",
                "Price": "234",
                "VendorID": "70",
                "CompanyName": "FiveStar Automotives"
            },
            {
                "SparePartID": "53",
                "Name": "Clutch",
                "Price": "999",
                "VendorID": "70",
                "CompanyName": "FiveStar Automotives"
            },
              {
                "SparePartID": "55",
                "Name": "LED",
                "Price": "288",
                "VendorID": "70",
                "CompanyName": "FiveStar Automotives"
            }
        ]
    }
}
```

This above code is like an array which contains arrays of each company's items. Some Company has *2 items, some has 3 and some has only 1 item*. Now I have my **REACT** JS where I wanna call the php API and save this above JSON data **in such a format that I save each Company's items separately in separate arrays** (dynamically). 

I need to iterate through the above JSON data and **split it into as many arrays as the unique Companies present**. Like above data has has **3 distinct companies' items** so I wanna split this JSON into 3 different arrays but if I had **15** different Companies then I would like to split and save it in **15 different arrays**. My rough idea of REACT API call using **AXIOS** is below:

```js
  axios.post('http://localhost/Auth/api/customers/show_cart.php', 
     {
    headers: {'Accept': 'application/json, text/plain, */*',
              'Content-Type': 'application/json'}
    } )
    .then(response => {

    //I need to know what to write here to save the data in my required format

      })
     .catch(error => {
     if (error) {
       console.log("REACT Error. Cannot show cart items");  }
       });
```

Please I need Help how to **dynamically** save my items (Grouped By Company Names) in separate arrays for each Company. **Please Help!**

P.S. **mySQL** Group BY query doesn't help here. I just want help in React API call. Thanks for reading. 

**EDIT:**
I want to store the data in arrays(named on Company Names)
like array **Masterautomotives[ ]** should have this data below:

```js
 [
                {
                    "SparePartID": "43",
                    "Name": "Oil and Lubricants",
                    "Price": "4500",
                    "VendorID": "48",
                    "CompanyName": "Master Automotives"
                },
                {
                    "SparePartID": "45",
                    "Name": "Lights",
                    "Price": "2300",
                    "VendorID": "48",
                    "CompanyName": "Master Automotives"
                }
  ]
```

And Array **RepairSolutions[ ]** should have following data:

```js
 [
            {
                "SparePartID": "47",
                "Name": "Steering Wheel",
                "Price": "1500",
                "VendorID": "60",
                "CompanyName": "Repair Solutions"
            }
  ]
```

and so on for rest of the Companies whoever is being fetched from API call.