过滤包含多个项目的平面列表

Question

我正在通过构建 RideSharing 应用来学习 React Native。我有一个功能，允许用户过滤具有多个乘车的FlatList 组件，每个组件都有不同的items 相关联，例如日期、乘客人数、成本等......和filteredDate， filteredPassangers、filteredCost 是状态变量，允许用户选择他希望如何过滤。

我写了这样过滤数据的函数：

function filter() {
        const newData1 = lists.filter(
            item => {
                return item.date === filteredDate,
                   item.To === filteredTo,
                   item.passangers === filteredPassangers,
                   item.date === filteredDate,
                   item.cost3 === filteredCost  
            })  
         props.setLists(newData1),  


        //... 
    }

但是，当我更改多个变量的状态时，它不会像以往那样返回任何骑行组件。

如何编写代码以便一次过滤多个项目？

Answer 1

在比较语句中，您已用逗号分隔它们。这样，只有最后一条语句被评估，即 item.cost3 === filteredCost

您可以像这样使用or ( || ) 运算符过滤它们

item.date === filteredDate ||
item.To === filteredTo ||
item.passangers === filteredPassangers ||
item.date === filteredDate ||
item.cost3 === filteredCost

这样，如果您的任何条件为真，它将返回真。