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

  • 本文关键字:循环 状态 reactjs loops
  • 更新时间 :
  • 英文 :


我希望我的react应用程序的状态从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}
          ]

我知道我必须使用一些循环的地图,但想到了。请,如果您可以帮助我

,我将非常适用

如果您想修改或从状态访问前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});
}

最新更新