从反应数组中删除项目（卡）答案

【问题标题】：Deleting item (card) from react array从反应数组中删除项目（卡）
【发布时间】：2020-01-14 06:05:59
【问题描述】：

我正在苦苦研究如何编写删除方法以使用 kebab 下拉菜单中的删除按钮从此视图中删除卡片。

我已经查看了有关如何从反应数组中删除项目的所有问题，但我稍后（而不是在状态中）声明我的数组：

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

我看到的这些问题的所有答案都在使用：

.map(item => ( ... `

使用.splice 或.filter 方法，我都无法弄清楚，因为我还使用Array.apply 和其他一些参数map 需要接受。

例如，这不起作用，但这正是我需要做的：Editing and deleting a card in semantic UI using react.

如何使用.filter 或.splice 以我目前创建数组的方式使用删除按钮？

任何建议将不胜感激。谢谢！

【问题讨论】：

你为什么不在州里做一些标志？
您好，首先您应该创建外部组件名称 - 例如项目，接下来您需要一些列表，它将应用所有项目组件，当您拥有此结构时，您可以添加 CRUD 操作 - 您的代码也是明确的违反 DRY 规则
@worldNeverSaysHelloBack - 你希望用户体验如何？

【解决方案1】：

试试

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

action.payload 可以是您通过 onClick 或其他与 item.id 匹配的事件处理程序或您选择删除的内容发送的任何内容。

【讨论】：