循环元件在有条件的容器外面

Question

我正在使用John Sundell的出版包，并想尝试在发布日期进行循环，并自定义输出。

尽管以主题为主题的包装，但该代码非常标准化至SWIFT。

本质上，想象一下我有一个帖子的数组，其中包含以下数据：

let posts = [
  Post( date: 2020-01-01 ),
  Post( date: 2020-01-02 ),
  Post( date: 2021-01-01 ),
  Post( date: 2022-01-01 ),
  Post( date: 2022-01-02 ),
  Post( date: 2023-01-01 )
]

我想循环遍历数组，以便它输出帖子年，然后 下一个帖子是同一年不会输出的一年。如果不同，则输出新值年。

我要实现的目标：

2023    Post title 1

2022    Post title 1
        Post title 2

2021    Post title 1

2020    Post title 1
        Post title 2

因此，每年都与上一年打印的一年相匹配，请跳过 - 否则将其打印出来。

到目前为止，我正在使用的代码是：

func output(posts: [Posts]) -> Node { // where Node is a Publish element
  var currentPostYear = 0
  var savePostYear = 0
  return forEach(items) { item in
    currentPostYear = getItemYear(from: item.date)
    if( savePostYear == currentPostYear ) {
      return .h3( .text(item.title))
    } else {
      savePostYear = currentPostYear
      return .section(
        .h2( .text( "\(getItemYear(from: item.date))" ) ),
        .h3( .text(item.title))
      )
    }
  }
}

func getPostYear(from date: Date) -> Int {
  let dateFormatter = DateFormatter()
  dateFormatter.dateFormat = "yyyy"
  return Int( dateFormatter.string(from: date) ) ?? -1
}

目前是因为有条件的两个不同的返回我有一个.h3 element 。 虽然其他人不是。

有什么方法可以编辑上述内容以使其在那一年内的所有帖子都在相同的pection内？

代码视图（当前）：

<section>
  <h2>2023</h2>
  <h3>Post title 1</h3>
</section>
<section>
  <h2>2022</h2>
  <h3>Post title 1</h3>
</section>
<h3>Post title 2</h3>
<section>
  <h2>2021</h2>
  <h3>Post title 1</h3>
</section>
<section>
  <h2>2020</h2>
  <h3>Post title 1</h3>
</section>
<h3>Post title 2</h3>

代码视图（预期）：

<section>
  <h2>2023</h2>
  <h3>Post title 1</h3>
</section>
<section>
  <h2>2022</h2>
  <h3>Post title 1</h3>
  <h3>Post title 2</h3>
</section>
<section>
  <h2>2021</h2>
  <h3>Post title 1</h3>
</section>
<section>
  <h2>2020</h2>
  <h3>Post title 1</h3>
  <h3>Post title 2</h3>
</section>