javascript - 如何在react js中的对象数组中添加一个对象

Question

我是 react 新手。在这里，我已经尝试过了。

onaddRow(e, id) {
        const addData = this.props.lowData;
        const tempObj = {
            id: 'L1',
            technologyId: 0,
            technology: '',
            type: '',
            numberOfQuestions: ''
        }
        addData.push(tempObj);
    }

this.props.lowData 是一个对象数组。所以，我想在 this 中添加一个对象。

所以，我尝试了以下方法，但它不起作用，有人可以建议我如何做到这一点吗？

Answer 1

您还可以使用(传播)... 获取更新的数组。

onaddRow(e, id) {  
    const tempObj = {
        id: 'L1',
        technologyId: 0,
        technology: '',
        type: '',
        numberOfQuestions: ''
    }
    const addData = [...this.props.lowData, tempObj ];
    console.log(addData)
}

//正如您在评论中所问的那样。如果你想从数组中删除项目，你可以这样做。

let updatedArrray = yourArray.filter(i => {
  return i.id != passYourIdHere;
});
console.log(updatedArrray);

所以这里我们返回除匹配对象之外的所有其他对象，最后收集在updatedArrray中。