将项目添加到数组（Hooks）反应js

Question

我看了react js的课程并在其中向数组（挂钩）添加一个新项目，如下所示：

useState([new item , old Array]);

但是我重复一遍，数组变成了一个对象

无论我搜索什么，我都看到了以下结果：

useState([ old array ,new item ]);

但是这个方法在课程中效果很好

Answer 1

要使用 React 钩子将项目添加到数组，您需要使用扩展运算符获取旧数组，然后添加新项目。

setState([...oldArray, newItem])

Answer 2

您应该使用扩展运算符：setState(prev => [...prev, newItem]);

Answer 3

使用 react-hooks 更新数组的更好方法是将回调函数传递给 hook，如下所示：

setState((oldState) => [...oldState, newItem])

这被认为是最佳实践，比直接传播旧状态更高效。

add item to array(Hooks) react js