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

Question

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

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

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

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

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

这意味着，我在阿凡达[0]下，所有项目在一起，它们不会像应该的那样分开。

我希望你能关注我，我不是母语为英语的人

Answer 1

如果你想像这样组合两个数组，你可以连接数组。

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