javascript - 如何将列表映射到一定数量的数据

Question

假设我有一个包含 10 个数据的列表。在返回里面我想限制只显示最多 5 个数据。如何实现。

{this.state.PackageCategoryData.map((data) => (
  <div>{data.name}</div>
))}

Answer 1

你可以对数组进行切片

{this.state.PackageCategoryData.slice(0,5).map((data) => (
  <div>{data.name}</div>
))}