返回

reactjs-如何从React/ContexAPI数组中恢复已删除的项目

发布时间:2022-07-27 03:48:17 228
# node.js

我选择了一些选项、列、比较和值,这些选项被应用于列表,就像一个过滤器,但是当我删除其中一个过滤器时,列表应该回到它的初始状态,或者回到最后一个过滤器在,例如,如果我有两个过滤器并排除一个。

  const [data, setData] = useState([]); // array of items
  const [dataClone, setDataClone] = useState([]);

// onClick this function is called and set a filter on a list ( column, comparison and value )
function myFilter() {

  let dataFiltered = [...data];
    dataFiltered = dataFiltered.filter((item) => {
      if (comparison === 'greather than') {
        return Number(item[column]) > Number(value);
      }
      if (comparison === 'less than') {
        return Number(item[column]) < Number(value);
      }
      if (comparison === 'equals to') {
        return Number(item[column]) === Number(value);
      }
      return null;
    });
    setDataClone(dataFiltered);

}

// this function remove the filter, by removing the filter, the list will go back to how it was before it was filtered, but the other filters must continue to take effect

const removeFilter = (e) => {
    setfilterAndDelete([...filterAndDelete
      .filter((col) => col !== e)]);

    // here i need to get previous deleted items when remove item from filter
  };

// here i can delete all items
function removeAllFilter() {
    setfilterAndDelete([]);
    setNewTest([...data]);
  }

我不知道我想做什么是否清楚,但如果有人能给我一些想法或类似的东西,我将非常感激。

特别声明:以上内容(图片及文字)均为互联网收集或者用户上传发布,本站仅提供信息存储服务!如有侵权或有涉及法律问题请联系我们。
举报
评论区(1)
按点赞数排序
用户头像