时间戳

首页 > 解决方案 > 如何在反应状态下将状态从 1 循环到 100

reactjs - 如何在反应状态下将状态从 1 循环到 100

问题描述

我希望我的反应应用程序的状态从 1 到 100 像这样 

this.state = {
          items: [
            {id:1, name:'User 1', age:27},
            {id:2, name:'User 2', age:30},
            {id:3, name:'User 3', age:40}
          ]

我知道我必须使用一些循环的地图，但没有想到。如果你能帮我解决这个问题，我会非常感激

标签： reactjsloops

解决方案

如果您想修改或访问您所在州的前 100 个项目：

this.state.items.forEach((item, index) => {
  if(item.id <= 100){
  //do stuff
 }
}

如果您想向您的州添加 100 个项目：

for (let i = 0; i <= 100; i++){
let item = {
        id: i,
        name: `User${i}`,
        age: Math.floor(Math.random() * (100 - 18) + 18)
      }
      items.push(item);
    }
    this.setState({items});

}

推荐阅读