ReactJS钩子用另一个数组更新一个数组

Question

我想用另一个数组更新一个空数组， 我真的不知道该怎么做，

const [avatar, setAvatar] = useState([]);

我想用另一个数组更新空数组，如下所示：

PlayerService.getAvatars()
                    .then(response => {
                        setAvatar(avatar => [...avatar, response])
                    })

这里的问题是，我从响应中得到4个项目， 它们将被设置为头像数组的第一个元素，而不是多个，

这意味着，我进入了avatar [0]，所有项目在一起，它们没有像应该的那样分开。

我希望您能跟随我，而不是说英语的人

Answer 1

如果要合并两个这样的数组，则可以concat数组。

PlayerService.getAvatars()
    .then(response => {
        let arr1 = avtar;
        let arr2 = response;
        let arr3 = arr1.concat(arr2);
        setAvatar(arr3)
    })