仍在构建模式下使阵列状态突变

Question

说我有一个数组：

 This.state = {
    People: [
      {name: ‘Bec’, age: 23, state: ‘qld’},
      {name: ‘Corey ’, age: 23, state: ‘nsw’},
      {name: ‘Karen ’, age: 23, state: ‘qld’},
 ]
}

我希望能够在仍处于构建模式时轻松地将数千个对象添加到阵列中。不必每次都单独键入所有道具。

我的想法是在npm启动时使用一个表格。带有名称，年龄和州等字段。当我提交表单时，它会改变数组的状态，以便新对象实际上在文本编辑器中位于数组中。我只会在构建模式下使用此表单，然后在运行npm build之前将其从渲染器中删除。

我知道他们说不改变状态，但是在构建模式下这仍然重要吗？我只是想以一种快速，干净的方式添加到数组中，而不必每次都键入它，因为我正在寻找成千上万的对象。

我愿意接受其他任何想法，但就目前而言，这似乎是最有效的方法。我正在努力寻找与此相关的任何信息。