Reactjs 如何将对象添加到数组的末尾？

如何将对象添加到数组的末尾

我试图这样做，但最终得到的对象只有一个元素：

  const [wokSummary, setWokSummary] = useState({
    wok: null
  });

  const onAdded = item => {
    const arr = [{ ...wokSummary.wok, item }];
    setWokSummary({
      wok: arr
    });
  };

---

如果要创建单个对象，只需删除对象指定，例如

const [wokSummary, setWokSummary] = useState({
    wok: []
  });

const arr = [ ...wokSummary.wok, item ];

---

您必须使用空数组初始化

wok

。

删除列表括号内的

{}

括号

[]

：

  const [wokSummary, setWokSummary] = useState({
    wok: null
  });

  const onAdded = item => {
    const arr = [...wokSummary.wok, item];
    setWokSummary({
      wok: arr
    });
  };

您的项是新对象，它将作为列表的元素追加。

---

…wokSummary.wok

扩展

wokSummary.wok

元素，每个元素包含一个对象。

沙盒wokSummary不是数组。我猜你指的数组是wokSummary，对吧？