how to append values to a state array in react

Question

How do I append new value to the state array ?

I tried,

const [diabled, setDisabled] = useState([]);

const getValue = (id) => {
...
...
...
setDisabled(...disabled,id)
}

But doesn't seems to work.

Does this answer your question? [Correct modification of state arrays in React.js](https://stackoverflow.com/questions/26253351/correct-modification-of-state-arrays-in-react-js) — Sinan Yaman, Sep 09 '21 at 11:25

Ryan Le · Accepted Answer · 2021-09-09T11:23:20.177

2

It should be spread inside an array:

Also, correct your spelling: disabled not diabled

setDisabled([...disabled,id])

And change your useState:

const [disabled, setDisabled] = useState([]);  // <-- Correct your spelling

edited Sep 09 '21 at 11:23

answered Sep 09 '21 at 11:21

Ryan Le

score 1 · Answer 2 · answered Sep 09 '21 at 11:22

1

you should change it to:

 setDisabled([...disabled,id])

answered Sep 09 '21 at 11:22

Yasin Br

score 0 · Answer 3 · answered Sep 09 '21 at 11:23

0

You could try something like this

setDisabled((prevState) => [...prevState,id])

answered Sep 09 '21 at 11:23

eth_lover

3 Answers3