将多个过滤器应用于表reactjs

Here i have three filters on selection of which i need to filter data in a table.

在这里,我需要选择三个过滤器,这些过滤器需要过滤表中的数据。 我正在使用if else语句来检查和过滤数据,因此我想以某种模块化的方式修改代码以实现相同的功能,任何人都可以建议我,我应该使用开关盒吗?

  const applyFilters = () => {
    if (mapStatus === 'Mapped') {
      if (listFilter) {
        const result = fullData.filter(
          data =>
            data.account === listFilter,
        );
        setFinalData(result);
      } else {
        ...
      }
   ...

评论
  • Linda
    Linda 回复

    您可以将过滤器添加到fullData数组,并将每个下拉列表的值提供给过滤器函数

    fullData.filter(element => {
        return element.account == first && element.account == second && element.account == third;
    });
    

    您还可以检查过滤器,例如值是否只是''然后返回false,即返回整个数组,否则返回过滤后的列表