Разобрать JSON и поместить в таблицу в React JS

Question

Мне нужно разобрать CSV-файл на JSON и заполнить его таблицей. Я использую PapaParse для синтаксического анализа CSV в JSON, но некоторые ключи JSON имеют пробел между ними. Мне нужна помощь, чтобы сделать последнее, и я не могу понять, что делать.

Мой код:

<table>
    <thead>
        <tr>
            <th scope="col">Column 1</th>
            <th scope="col">Column 2</th>
            <th scope="col">Column 3</th>
            <th scope="col">Column 4</th>
        </tr>
    </thead>
    <tbody>
    {
        this.state.csvdata.map((jsondata, key) => {
            return(
                <tr key={key}>
                    <td>{ jsondata.Column 1 }</td>  //This is where I need help!!
                    .
                    ..
                    ...
                    ....
                    .....
                </tr>
            )
        })
    }
    </tbody>
</table>

Формат JSON:

[
   {
      Column 1: "Field 1",
      Column 2: "Field 2",
      Column 3: "Field 3",
      Column 4: "Field 4"
   },
   {
      Column 1: "Field 1",
      Column 2: "Field 2",
      Column 3: "Field 3",
      Column 4: "Field 4"
   },
   {
      Column 1: "Field 1",
      Column 2: "Field 2",
      Column 3: "Field 3",
      Column 4: "Field 4",
   }
]

Answer 1

Вам нужно заключить в кавычки ключ в json:

"Column 1": "Field 1", 
...

Тогда вы можете получить к нему доступ следующим образом:

<td>{ jsondata["Column 1"] }</td>