Рендер свойств объектов массива?

Question

[AlexCruel]

При клике на кнопку идет выгрузка [{}, {}, {}]. Каждый объект имеет свойства.

const [list, listRender] = useState(<tr></tr>);
------------------------------------------------
const data = await request('api/search/test', 'POST', { ...form });

listRender(data.map((item, index) => 
    <td key={index}>{item}</td>
));

Рендер в таблицу свойств объекта.

<tbody>
           <tr>{list}</tr>
</tbody>

Выплывает ошибка "Error: Objects are not valid as a React child (found: object with keys {_id, date, studID, fullName, facility, typeFacility, time}). If you meant to render a collection of children, use an array instead."

Как зарендерить свойства каждого объекта в отдельную строку таблицы?

Answer 1

[AlexCruel]

listRender(data.map((item, index) => 
                <tr key={index}>
                    <td>{item.date}</td>
                    <td>{item.studID}</td>
                    <td>{item.fullName}</td>
                    <td>{item.facility}</td>
                    <td>{item.typeFacility}</td>
                    <td>{item.time}</td>
                </tr>
            ));

<tbody>
      {list}
</tbody>