如何正确修改React.js中的状态数组

Question

我试图找到在react.js中使用“setState”将新元素设置到数组中的当前修改。 我尝试的所有操作都没有将新元素添加到数组中，只是用新元素替换了它。

const [unplannedCards, setUnplannedCards] = useState([card]);
setUnplannedCards([{...unplannedCards}, { ...card }]);

我还尝试了其他一些类似的修改，但没有任何帮助。

有人能看出我哪里错了吗？

Answer 1

你可以试试这个最快的方式

setUnplannedCards(unplannnedCards.concat(card))

Answer 2

您可以通过以下方式在数组中添加新的

card

：

const [unplannedCards, setUnplannedCards] = useState([card]);
setUnplannedCards([...unplannedCards, card]);