更新对象数组中一个对象的一个​​属性值，返回更新后的数组

Question

我正在尝试为已删除对象更新一组对象中的一个值 is_deleted。

  const handleDelete = (idx) => {
    const filteredCards = cards.map((card, i) => {
      if(i == idx) {
        card.is_deleted = true;
        return {...cards}
      }
    })
   setCards(filteredCards);
  }

输出

cards = [
  undefined,
  [
   { id: 1, is_deleted: false },
   { id: 2, is_deleted: true },
  ]
]

期望的输出

cards = [
 { id: 1, is_deleted: false },
 { id: 2, is_deleted: true },
]

输出部分正确 - 在索引 1 我看到两张卡片，第二张 is_deleted 设置为 true。但是，在索引 0 处有一个“未定义”。

任何关于为什么会这样的见解都会有所帮助！谢谢，如果我错过了关键信息，请告诉我。

Answer 1

您可以直接访问该卡，而不是使用map：

let cards = [
  { id: 1, is_deleted: false },
  { id: 2, is_deleted: false },
]
const setCards = c => cards = c(cards.slice())

const handleDelete = idx => setCards(cards => (cards[idx].is_deleted = true, cards))

handleDelete(1)
console.log(cards)

setCards 函数只是在模仿 react 的 useState。