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

Question

我已经开始学习 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 }

    ]

  };

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

Answer 1

你可以做的一种方法是state = {     counters: Array(numberOfCounters).fill().map((x, i) => ({id: i, value: 0}))}console.log(Array(10).fill().map((x, i) => ({id: i, value: 0})))