Реагировать на таблицу сопоставления со второй функцией сопоставления

Question

Я пытаюсь сопоставить эти данные и таблицу, и у меня возникают трудности с отображением категорий. Это структура json.

     "id":"EONET_4639",
     "title":"Wildfire - Herkenbosch Village, Netherlands",
     "description":"",
     "link":"https://eonet.sci.gsfc.nasa.gov/api/v2.1/events/EONET_4639",
     "categories":[
        {
           "id":8,
           "title":"Wildfires"
        }
     ]

И это мой код. Может кто-нибудь подскажите, пожалуйста, как составить карту по категориям.

{Object.values(eventData).map((row, index) => {
                  const labelId = `enhanced-table-checkbox-${index}`;
                  return (
                    <TableRow>
                      <TableCell padding="checkbox">
                      </TableCell>
                      <TableCell component="th" id={labelId} scope="row" padding="none">
                        {row.id}
                      </TableCell>
                      <TableCell>{row.title}</TableCell>
                      <TableCell>{row.description}</TableCell>
                      <TableCell>{row.link}</TableCell>
                      {Object.values(row.categories).map(c,index)=>{
                        <div>c.title</div>
                      })}
                    </TableRow>
                  );
                })}

Спасибо

Answer 1

Категории - это массив, а не объект. Также необходимо добавить возврат или использовать короткий синтаксис.

{row.categories.map(c, index) => (
  <div>{c.title}</div>
))}

Answer 2

Вам необходимо вернуться на карту.

{Object.values(row.categories).map((c,index)=> return (
  <div>c.title</div>
))}

Более того, ваши категории array, вам не нужно Object.values. Кроме того, вы можете использовать короткий синтаксис в вашем случае.

{row.categories.map((c,index)=>(<div>c.title</div>))}