поймать массив с постом на gatsbyjs

Question

У меня есть страница в gatsbyjs. и 10 постов на нем. Я хотел бы, чтобы 1 имел первый тип стилей, сообщения от 2 до 6, второй вид стилей и другие 3 вида.

Мне кажется, что для того, чтобы стилизовать внешний вид постов, мне нужно получить массив, из которого эти посты повторяются.

Может кто-нибудь сказать мне, как ее поймать?

Я бы хотел, чтобы они выглядели как на картинке. 1 большая 2 следующая в маленькой диве

моя идея состоит в том, что array [0] - это стиль для самой большой дивы для массива 1 и для массива [2] меньшего блока.

Это хорошая идея? а как узнать номер таблицы, благодаря чему я буду заниматься стайлингом?

Answer 1

Начните с одного отсортированного массива со всеми вашими сообщениями в блоге.

Создайте три меньших массива с Array.slice с правильным количеством сообщений в каждом.

Создайте три разных сообщениякомпоненты, каждый со своим уникальным стилем.

Создайте основные деления сетки в вашем главном компоненте с помощью flexbox или другого и итерируйте по каждому из трех массивов, отображая один из трех компонентов post с уникальным ключом.