数组的 SetState

Question

我有一个具有数组的状态的对象。我想将该数组的IDs 的状态设置为该状态下的另一个空数组。我希望将 array1[1].team.id 推送到空数组 array2 并将状态设置为 true。我的代码：

this.state: {

    array1: [
        {id:1, team: [
            {id:1, name: 'name1a'},
            {id:2, name: 'name2a'},
            {id:3, name: 'name3a'}
        ]},

        {id:2, team: [
            {id:1, name: 'name1b'},
            {id:2, name: 'name2b'},
            {id:3, name: 'name3b'}
        ]},

        {id:3, team: [
            {id:1, name: 'name1c'},
            {id:2, name: 'name2c'},
            {id:3, name: 'name3c'}
        ]},
    ],

    array2: [

    ]

}

所以有了这个函数，我希望 array2 是：

array2: [
   {id:1, status:true},
   {id:2, status:true},
   {id:2, status:true}
]

我试过了：

updateArray = (id) => {     //consider id=1

    let array2 = [...this.state.array2];

    let newArray2 = [...this.state.array1[id].team.id, status:true];

    this.setState({
        array2: newArray2
    })

}

它没有工作。显然，做错了什么。我该怎么做？谢谢。

Answer 1

在array1[id]上使用地图功能：

updateArray = id => {
    const array2 = this.state.array1[id].team.map(item => (
        {id: item.id, status: true}
    ));
    this.setState({array2})
}

我不知道您是否总是想替换array2 中的值，或者您需要在state 中创建多个新数组，具体取决于传递给上述函数的ids，例如@987654326 @、array3 等等？

更新：如果 id 与父数组的索引不同（如 adiga 和 Chris 建议的那样)

updateArray = id => {
    const arrayToConsider = this.state.array1.find(element => (
        element.id === id
    ));
    const array2 = arrayToConsider.team.map(item => (
        {id: item.id, status: true}
    ));
    this.setState({array2})
}