How to customise the JSON output of a state of a component in react?

1

So, I have a component and Im dislaying the state in JSON format. But I want to change the look of the JSON format. How to do that in react ?

So, My currect output is:

{
  "company": [
    {
      "employee": [
        {
          "name": "abc xyz"
        },
        {
          "id": "xyz001"
        }
      ],
      "details": [
        {
          "age": 30
        },
        {
          "calendar_date": "1989-05-14"
        }
      ]
    }
  ]
}

But I need the output in this format:

"company": { 
"employee": [ 
["abc, xyz"], 
["xyz001"] 
], 
"details": [ 
[30], 
["1989-05-02"] 
] 
}

How can I customise the JSON output ??

3

what I need is not in JSON format but, the code above is the state of the component which is displayed in JSON format

5

I have editted the question, so I am looking for a way to display my state in the following way:

"company": { 
"employee": [ 
["abc, xyz"], 
["xyz001"] 
], 
"details": [ 
[30], 
["1989-05-02"] 
] 
}

its not a JSON format. That why I want to know how should I modify my state values in a way that I get such a result

7

yes! I need the output to be like this

10

I cannot use these values directly as in my program, I have a form with a couple of fields and the user inputs the values into the fields and that value is stored in the state. My objective is to print out the state in the format that is shown above.
So my approach was to covert it into a json object and then change it. But I’m doubtful if it will work like that or not