如何正确枚举状态数组中的对象元素?

时间:2019-06-13 16:13:59

标签: javascript reactjs

我已经开始学习React,并一直跟随着教程,同时也一直在尝试。

我想知道的是,如果我有一个包含对象的状态数组,并且每个对象都有其ID#属性,那么枚举对象的最佳/最正确方法是什么?以下是我所拥有的,可以正常工作:

class Counters extends Component {
  i = 0;
  state = {
    counters: [
      /* array of counter objects */
      { id: ++this.i, value: 0 },
      { id: ++this.i, value: 0 },
      { id: ++this.i, value: 0 },
      { id: ++this.i, value: 0 }
    ]
  };

我想知道这是否被认为是“正确的”,如果不是,那么正确的方法是什么。

谢谢!

1 个答案:

答案 0 :(得分:0)

一种方法是

state = { 
    counters: Array(numberOfCounters).fill().map((x, i) => ({id: i, value: 0}))
}

console.log(Array(10).fill().map((x, i) => ({id: i, value: 0})))