如何使用useState将多个元素添加到数组中

Question

这就是如何将一个元素添加到项目

const [items, setItems] = useState
setItems([...items, newElm ]);

但是，如果我想向项添加/连接一个元素数组，该怎么办。不起作用

const [items, setItems] = useState
setItems([...items, newArr ]);

我该怎么做？

Answer 1

您必须像扩展items数组一样扩展新数组。

请记住，将新的items阵列与当前状态合并的推荐方法如下：

setItems(prevState => ([...prevState, ...newArray]))

通过这种方式，您可以确保prevState将具有更新的值。

Answer 2

将新数组的元素扩展到状态

const [items, setItems] = useState setItems([...items, ...newArr ]);