在gatsbyjs上捕获带有帖子的数组

时间:2019-07-09 16:26:01

标签: reactjs gatsby

我在gatsbyjs中有一个页面。 以及10个帖子。 我希望1具有第一种样式,职位从2到6,第二种样式,另外3种。

在我看来,为了对帖子的外观进行样式设置,我需要获取一个迭代了这些帖子的数组。

有人可以告诉我如何捉住她吗?

enter image description here

我希望它们在图片中看起来像。 较小的女主角中的1个最大的2个子按钮

我的想法是,数组[0]是数组1和数组[2]较小框的最大分隔符的样式。

这是个好主意吗?以及如何获得表格的编号,这要归功于我将要设计的班级样式?

1 个答案:

答案 0 :(得分:0)

从所有博客帖子的排序数组开始。

使用$workbook.close($false) | Out-Null $excel.quit() | Out-Null 创建三个较小的数组,每个数组中的帖子数量均正确。

创建三个不同的帖子组件,每个组件都有其独特的样式。

使用flexbox或其他工具在主组件中创建主网格划分,并遍历三个数组中的每个数组,并使用唯一键呈现三个发布组件之一。