Основная логика работает

This commit is contained in:
2025-09-06 16:38:59 +04:00
parent 33f1f364b5
commit 07a092624b

View File

@@ -1,18 +1,70 @@
import CustomList from "./CustomList/CustomList";
function Choice() {
const data = {
title: "Книги про психологию",
id: "психология",
listOfElements: [{ title: "etgsfdz" }, { title: "fgdsfdz" }],
};
const data = [
{
title: "Книги про психологию",
id: "психология",
listOfElements: [
{ title: "etgsfdz" },
{ title: "fgdsкукыавчfdz" },
{ title: "etgsfdz" },
{ title: "fgdsкукыавчfdz" },
{ title: "etgsfdz" },
{ title: "fgdsкукыавчfdz" },
],
},
{
title: "Военные книги",
id: "военные",
listOfElements: [
{ title: "etgsfdz" },
{ title: "fgdsfdz" },
{ title: "etgsfdz" },
{ title: "fgdsкукыавчfdz" },
{ title: "etgsfdz" },
{ title: "fgdsкукыавчfdz" },
],
},
{
title: "Детские книги",
id: "детские",
listOfElements: [
{ title: "etgsfdz" },
{ title: "fgdsfdz" },
{ title: "etgsfdz" },
{ title: "fgdsкукыавчfdz" },
{ title: "etgsfdz" },
{ title: "fgdsкукыавчfdz" },
],
},
{
title: "Научная литература",
id: "наука",
listOfElements: [
{ title: "etgsfdz" },
{ title: "fgdsfdz" },
{ title: "etgsfdz" },
{ title: "fgdsкукыавчfdz" },
{ title: "etgsfdz" },
{ title: "fgdsкукыавчfdz" },
],
},
];
return (
<main className="container">
<h1 className="text-center mb-5" style={{ color: "var(--accent)" }}>
Книги по тематикам
</h1>
<div className="row g-4">
<CustomList {...data} />
{data.map((item, index) => (
<CustomList
key={index}
id={item.id}
listOfElements={item.listOfElements}
title={item.title}
/>
))}
</div>
</main>
);