Push array of an object to array

Question

    const [ post, setPost] = useState([])

    function addMemo() {
        let memo = [
                { id:1, name:'shyam', post:'developer' },
                { id:2, name:'ram', post:'porter' },
                { id:3, name:'prakash', post:'cobler' },
                { id:4, name:'sanj', post:'designer' },
                { id:5, name:'anil', post:'pilot' },
                { id:6, name:'gopal', post:'laptain' }
            ]
        
        setPost( [...post, memo] )
     }

    return (
         <button type="button" onClick={() => addMemo()}>Click Me</button>
   )

here is my code but I could not push array of object to the existing array Push array of an object to existing array,

@william's anser is correct but just fyi you should reference your addMemo and not rebind it on every call like onClick={addMemo} — Sean W
– Sean W, Commented Apr 27, 2021 at 4:20
I also met this kind of problem. I tried the below method but now working. — user15375082
– user15375082, Commented Apr 27, 2021 at 4:46

topdev87 · Accepted Answer · 2021-04-27 04:10:51Z

2

Use ... spread operator for the memo.

    setPost( [...post, ...memo] )

answered Apr 27, 2021 at 4:10

topdev87

8,7913 gold badges11 silver badges33 bronze badges

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

Comments

Kondalarao V · Accepted Answer · 2021-04-27 04:36:44Z

1

Whenever you are updating state based on previous state it is better to pass a function to the setState function.

setPost((prevPost) => [...prevPost, memo] )

answered Apr 27, 2021 at 4:36

Kondalarao V

8005 silver badges5 bronze badges

Collectives™ on Stack Overflow

Push array of an object to array

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related