Question

在我的React应用程序中，我有一个我需要添加项目的网格。它看起来与此相似：

<div className="row">
  <div className="col full-width">[3 items to go here]</div>
</div>
<div className="row">
  <div className="col two-thirds">[2 items to go here]</div>
  <div className="col one-third"><img /></div>
</div>
<div className="row">
  <div className="col full-width">[remaining items to go here]</div>
</div>

项目存储在数组中。

循环数组的最有效方法是什么，将前三个项目添加到一个div，将后三个项目添加到另一个div，其余三个项目添加到第三个div？

Answer 1

使用slice函数似乎是一种非常简单的方法。

使用this.props.foo.slice(0,3)，this.props.foo.slice(3,6)，this.props.foo.slice(6)之类的内容来抓取您想要拆分的集合的片段，然后映射它们以呈现您需要的内容

如何遍历数组并在JavaScript中的两个不同位置呈现项目

1 个答案: