在 gatsbyjs 上使用 post 捕获数组
catch array with post on gatsbyjs
我在 gatsbyjs 中有一个页面。
以及上面的 10 个帖子。
我想要1有第一种造型，帖子从2到6，第二种造型和另外3种。
在我看来，为了设置帖子的外观样式，我需要获取一个迭代这些帖子的数组。
谁能告诉我怎么抓她？
我希望它们看起来像图片中的那样。
1 个最大的 2 个下一个较小的 diva
我的想法是数组 [0] 是数组 1 和数组 [2] 较小盒子的最大 diva 的样式。
这是个好主意吗？以及如何获得 table 的编号，感谢 class 我将用作样式？
从包含您所有博客 post 的单个排序数组开始。
创建三个较小的 Array.slice 数组，每个数组中的 post 数量正确。
创建三个不同的 post 组件，每个组件都有其独特的样式。
使用 flexbox 或其他在您的主要组件中创建主要网格划分，并遍历三个数组中的每一个，使用唯一键渲染三个 post 组件之一。
我在 gatsbyjs 中有一个页面。 以及上面的 10 个帖子。 我想要1有第一种造型，帖子从2到6，第二种造型和另外3种。
在我看来，为了设置帖子的外观样式，我需要获取一个迭代这些帖子的数组。
谁能告诉我怎么抓她？
我希望它们看起来像图片中的那样。 1 个最大的 2 个下一个较小的 diva
我的想法是数组 [0] 是数组 1 和数组 [2] 较小盒子的最大 diva 的样式。
这是个好主意吗？以及如何获得 table 的编号，感谢 class 我将用作样式？
从包含您所有博客 post 的单个排序数组开始。
创建三个较小的 Array.slice 数组，每个数组中的 post 数量正确。
创建三个不同的 post 组件，每个组件都有其独特的样式。
使用 flexbox 或其他在您的主要组件中创建主要网格划分，并遍历三个数组中的每一个，使用唯一键渲染三个 post 组件之一。