首页 > 解决方案 > 从列表中删除元素,并检查多个列表——什么是实现的好方法?

问题描述

我在 App.js 中为单页应用程序(看板)创建了状态

在该州内,我有三个带有数组的键值和一个其他键值:

    this.state = {
      currentItem: { text: '' },
      toDoListItems: [
        { text: 'hello world' }
      ],
      inProgressListItems: [],
      doneListItems: []
    }

目前,我对用例的实现(例如从任何板上删除任务)是通过传递列表项的名称来实现的。

IE。{() => this.deleteItem(item, "toDoListItems")}

我应该如何使我的代码更具可扩展性?我首先在想,我应该将所有列表放在状态内的对象中。但是手动迭代以及哪个数组包含我要查找的元素是好还是坏?感觉如果我这样做,我正在做多余的检查。

标签: javascriptreactjsdesign-patterns

解决方案


推荐阅读