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

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>
))}