Здравей Сам, в крайна сметка стигнах до решението и то работи прекрасно.
В MoviesList използвах ReactTable, но променихме метода за изобразяване.
Ето какво се промени.
// Изобразете потребителския интерфейс за моята таблица с филми
return (
‹table {…getTableProps()}›
‹thead›
{headerGroups.map( headerGroup =› (
‹tr {…headerGroup.getHeaderGroupProps()}›
{headerGroup.headers.map(колона =› (
‹th {…column.getHeaderProps()}›{ column.render('Header')}‹/th›
))}
‹/tr›
))}
‹/thead›
‹tbody { …getTableBodyProps()}›
{rows.map((row, i) =› {
подготвиRow(row)
return (
‹tr {…row.getRowProps() }›
{row.cells.map(cell =› {
return ‹td {…cell.getCellProps()}›{cell.render('Cell')}‹/td›
})}
‹/tr›
)
})}
‹/tbody›
‹/table›
)
}
let {movies, isLoading} = this.state
if (typeof movies == 'string') {
movies = JSON.parse(movies);
movies = movies.data;
movies.forEach(movie =›{
movie.delete = ‹span›
‹DeleteMovie id={movie._id}/›
‹/span›
movie.update = ‹span›
‹UpdateMovie id={movie._id}/›
‹/span›
});
console.log(“Movies loaded”);
console.dir(movies);
showTable = true;
}
const columns = [
{
Заглавка: 'ID',
инструмент за достъп: '_id',
възможност за филтриране: true,
},
{
Заглавка: 'Име',
достъп: 'име',
възможност за филтриране: вярно,
},
{
Заглавка: 'Жанр',< br /> accessor: 'genre',
filterable: true,
},
{
Header: 'Format',
accessor: 'format',
възможност за филтриране: вярно,
},
{
Заглавка: „Време за изпълнение“,
инструмент за достъп: „време за изпълнение“,
възможност за филтриране: вярно,
},
{
Заглавка: 'Age_Restriction',
accessor: 'age_restriction',
възможност за филтриране: true,
},
{
Заглавка: „Изтриване“,
средство за достъп: „изтриване“,
},
{
Заглавка: „Актуализация“,
инструмент за достъп: „актуализация“,
},
]
връщане (
‹Wrapper›
{showTable? ‹Table columns={columns} data={movies} /› : null}
‹/Wrapper›
)
}
}
//експортирайте MoviesList по подразбиране
За да покажа изтриването и актуализирането за всеки запис в базата данни, използвах метод за всеки, за да прегледам масива от филми, това е част от изброеното по-горе
Това е крайният продукт
Благодаря ти за цялата помощ, Сам.
за разбирането
Крейг (dinkman1000) от Кейптаун Южна Африка
PS Получавам сертификата си като Full Stack Web Developer в края на този месец :-)
Продължавай да кодираш :-)
