Как сделать несколько карт, метод .map() JS
Как сделать несколько карт с разным количеством плюсов, не понятно(
понятно что применяется .map(), просто как data правильно составить?
{
id: 1,
level: "Pro",
price: "$30",
period: "/month",
size: "For Small Business",
pluses: {
icon: iconOk,
plus: "3 Social profiles",
},
button: "Get started",
},
{
id: 2,
level: "Popular",
price: "$60",
period: "/month",
size: "For Medium businessess",
pluses: {
icon: iconOk,
plus: "5 Social profiles",
},
button: "Get started",
},
const data = [
{
id: 1,
title: "Pro",
price: 30,
description: "For Small Business",
members: 12,
socialProfiles: 3,
competitorsPerProfile: 5,
hashtagsPerProfile: false,
},
{
id: 2,
title: "Popular",
price: 60,
description: "For Medium Business",
members: 12,
socialProfiles: 5,
competitorsPerProfile: 5,
hashtagsPerProfile: true,
},
{
id: 3,
title: "Advanced",
price: 100,
description: "For Enterprise",
members: 12,
socialProfiles: 5,
competitorsPerProfile: 5,
hashtagsPerProfile: true,
},
]; Вот тебе правильная дата - массив объектов.
Не путай типы данных у значений ключей объектов, если свойство подразумевает число, то и записывай число (это касается price, members, socialProfiles), кнопка явно не нуждается в том, чтобы ее передавать как данные, поэтому ее можно не записывать как свойство, период тоже.
Вроде всё. Теперь применяй любой метод, который нравится: map или forEach или for of и генерируй разметку.