如何解决筛选出具有多个项目的文员
我正在通过构建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),//...
}
但是,当我更改多个变量的状态时,它永远不会返回任何行驶组件。
我该如何编码以便一次过滤多个项目?
解决方法
在比较语句中,您已用逗号分隔了它们。这样,只有最后一条语句为item.cost3 === filteredCost
您可以像这样使用or ( || )
运算符过滤它们
item.date === filteredDate ||
item.To === filteredTo ||
item.passangers === filteredPassangers ||
item.date === filteredDate ||
item.cost3 === filteredCost
这样,如果您的任何条件为真,它将返回true。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。