ReactJS Hooks 用另一个数组更新一个数组

Question

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

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

我想用另一个这样的数组更新空数组：

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

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

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

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

Answer 1

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

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