Mail.ruПочтаМой МирОдноклассникиВКонтактеИгрыЗнакомстваНовостиКалендарьОблакоЗаметкиВсе проекты

Как сделать несколько карт, метод .map() JS

Турист Знаток (378), закрыт 4 дня назад
Как сделать несколько карт с разным количеством плюсов, не понятно(
понятно что применяется .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",
},
Лучший ответ
Andrey Martynyuk Знаток (465) 2 месяца назад
 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 и генерируй разметку.
ТуристЗнаток (378) 2 месяца назад
спасибо конечно, но как сделать то плюсы профилей?
ваще не врубаюсь)

ТуристЗнаток (378) 2 месяца назад
все разобрался, спасибо, просто сделать переменные????
Остальные ответы
Похожие вопросы