How can I append a state object in react

Question

  const [arr, setArr] = useState({
      value: [],
        });

//I want to append the value on the state object but its overwriting it.

  setArr((prevState) => ({
                    ...arr,
                    value: [...prevState.value, res.data],
                }));

NIKUNJ KOTHIYA · Accepted Answer · 2023-02-06 07:13:41Z

3

You can set new state by comparing old state data and push new data inside setArr function.

So your new code will be:

setArr((prevState) => ({
  ...prevState,
  value: [...prevState.value, res.data],
}));

answered Feb 6, 2023 at 7:13

NIKUNJ KOTHIYA

2,2061 gold badge10 silver badges26 bronze badges

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

1 Answer 1