ReactJS Hooks Update an Array with another Array

Question

i want to Update an empty array by another array, i cant realy figure out how todo that,

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

and i want to update the empty array with another array like this:

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

the problem here is, that the 4 items i get from the response , they will be set to the first element of the avatar array, not to multiple,

that means, i get under avatar[0] , all the items together, they dont split up like they should.

i hope you can follow me, im not a native english speaker

try setAvatar(response) if response is an array

Sagar
– Sagar

2020-06-05 10:05:48 +00:00
Commented Jun 5, 2020 at 10:05 — Sagar
– Sagar, Commented Jun 5, 2020 at 10:05

Arpit Vyas · Accepted Answer · 2020-06-05 10:13:58Z

2

you can concat array if you want to combine two array like this .

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

answered Jun 5, 2020 at 10:13

Arpit Vyas

2,2671 gold badge10 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Terraya Over a year ago

thats very weird, in arr3 are all elements, but if i do setAvatar and then console.log it , it is still empty then .. o.O

Arpit Vyas Over a year ago

this is the async operation . console it before return and check again .

Terraya Over a year ago

Ahh perfect, i didnt know that it is async ... , so at the end i can do setAvatar(response) , but thanks for all the Info, it helpt me to fix my problem

Collectives™ on Stack Overflow

ReactJS Hooks Update an Array with another Array

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related