reactjs - 使用不变性助手在特定索引处推送新对象

Question

我试图这样做：

 const rowObj = {key: value};
    const rowIndex = 2;

    this.setState({ 
          data: update(this.state.data, 
              { [rowIndex] : { $push : [rowObj] } }
          ) 
    })

但是，它会抛出这样的错误：

Uncaught Error: update(): expected target of $push to be an array; got undefined.

Answer 1

像这样试试

const rowArray = [{key: value},{key: value},{key: value}];
const obj = {key: value}
const rowIndex = 2;
rowArray.splice(rowIndex, 0, obj);
this.setState({ data: update(this.state.data,{rowArray : {$set : rowArray}} ) });

Answer 2

由于您想推送到数组即数据，因此您不想指定索引并将其写入

const rowObj = {key: value};

this.setState({ 
      data: update(this.state.data, 
           { $push : [rowObj] } 
      ) 
})

否则，如果您想为数组中的特定索引设置一个值，您应该使用$set

const rowObj = {key: value};
const rowIndex = 2;

this.setState({ 
      data: update(this.state.data, 
          { [rowIndex] : { $set : rowObj } }
      ) 
})