react遍历指定数量的数据

1、用map方法和slice方法遍历指定的数据数量

1)可以先用slice方法截取n个元素。

const data = students.slice(0, 5);

2)再用map方法对截取到的数据进行遍历。

data.map((item:any)=>{
  return v
})

例:现在只需要对数组students中的前五个数据进行遍历。

const students: any = [
      {
        title: '标题一',
        count: 6,
        id: uuidv4(),
      },
      {
        title: '标题二',
        count: 7,
        id: uuidv4(),
      },
      {
        title: '标题三',
        count: 4,
        id: uuidv4(),
      },
      {
        title: '标题四',
        count: 4,
        id: uuidv4(),
      },
      {
        title: '标题五',
        count: 6,
        id: uuidv4(),
      },
      {
        title: '标题六',
        count: 8,
        id: uuidv4(),
      },
      {
        title: '标题七',
        count: 2,
        id: uuidv4(),
      },
      {
        title: '标题八',
        count: 4,
        id: uuidv4(),
      },
    ];
const data = students.slice(0, 5);
data.map((item:any)=>{
  return (
    <div>{v.count}</div>
  );
})


版权声明:本文为weixin_47763287原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。