從反應數組中刪除項目（卡片）

Question

我正在苦苦思索如何使用烤肉串下拉菜單中的刪除按鈕編寫一個刪除方法來從該視圖中刪除一張卡片。

https://codesandbox.io/s/weathered-worker-0y5vm

我已經查看了有關如何從 react 數組中刪除項目的所有問題，但是我稍后（而不是在 state 中）聲明了我的數組：

{Array.apply(0, Array(1)).map((x, i) => ( ...

我見過的這些問題的所有答案都在使用：

.map(item => ( ... `

使用.splice或.filter方法，這.filter方法我都無法弄清楚，因為我還使用了Array.apply以及map需要采用的其他一些參數。

例如，這不起作用，但這正是我需要做的： 使用 react 在語義 UI 中編輯和刪除卡片。

如何使用.filter或.splice以我當前創建數組的方式使刪除按鈕工作？

任何建議將不勝感激。 謝謝！

Answer 1

嘗試

state.filter( item => item.id !== action.payload);

action.payload可以是您使用與 item.id 或您選擇刪除的內容匹配的 onClick 或其他事件處理程序發送的任何內容。