Основная логика работает
This commit is contained in:
@@ -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>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user