Javascript 使用setState将新元素添加到数组中

如何使用setState向数组添加新元素

我有这些数据

this.state = {
    items : [
   { "id" : "324", "parent" : "qqqq", "text" : "Simple root node" },
   { "id" : "24", "parent" : "dwdw", "text" : "Root node" },
   { "id" : "55", "parent" : "ajson2", "text" : "Ch" },
   { "id" : "9866", "parent" : "ajson2", "text" : "oiiojio" },
]
    }

我正在映射数据

{this.state.items.sort((a,b) => a.newID < b.newID).map((item)=>
   <ul>
     <li key={item.id}><span>ID: </span>{item.id} <span>parent: </span>{item.parent} <span>text: </span>{item.text}</li>
   </ul>
   )}

如何使用

this.props.account.info创建新元素

添加类似

I++

的东西我实际上不知道

this.props.account.info

它正在添加如下数据

{ "id" : "324", "parent" : "qqqq", "text" : "Simple root node" }

所以我需要在这里面添加一个元素

{ "newID": "1", "id" : "324", "parent" : "qqqq", "text" : "Simple root node" }

因此，如果您想在对象中添加“newID”字段，有一种方法可以使用对象扩展操作符来实现

{...this.props.account.info, "newID":"1"}

这将为您提供一个新对象，其中“newID”字段添加了“1”作为其关联值

这是这方面的简写：

Object.assign({}, this.props.account.info, {"newID": "1"});

---

“但这只是按ID排序，我是否只为排序添加元素”取决于您的要求，我们不知道。你应该排序什么？@FedericoklezCulloca我编辑了我的问题，因为不清楚这不是我想要的，我需要添加新的ID元素，每个项目都会给出deffrenet值。

Object.assign({}, this.props.account.info, {"newID": "1"});