Question

在我拥有的组件中：

constructor() {
   super();
     this.state = {
     lists: [], 
     items: {}  
    };
 }

 handleAddList(s) {

    var temp= this.state.lists.slice(0,this.state.lists.length);
    temp.push(s);

    this.setState({lists: temp},function(){

    var toAdd={};
    toAdd[s]=[];

如何将toAdd添加到this.state.items？

UPDATE，

我认为我使用了以下内容：

var ourLists = this.states.items;
ourlists[s] = [];

 and then just setState.

我无法理解两行的基本语法：

toAdd[s] = [];  is this just the way you specify a key value pair where the value is an array?

啊，我明白了。

Answer 1

我为你创建了一个简单的codepen。通常，如果要为状态中的对象添加新值，不能同时执行这两项操作，首先需要创建密钥然后为其赋值。（这将是旧的方式）：

var obj = {};
obj["newKey"] = [];
obj.newKey = [<some value>]

现在您可以使用Object.assign()来帮助您向对象添加新属性，同时保持秩序正常。按顺序我的意思是：

Object.assign({<typically new empty object>}, {<the old object you want to change>}, {<the new field + value to add>})

确保保留订单，否则旧的值会覆盖新的!!!。

完成后，您可以将新状态的值设置为您创建的新对象。

反应将对象添加到对象

1 个答案: