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

时间:2019-07-03 12:54:38

标签: 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}
          ]

我知道我必须使用某些循环的映射,但是什么也没想到。请帮助我,如果您能帮助我这一点

1 个答案:

答案 0 :(得分:0)

如果您要修改或访问您所在州的前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});

}