在不进行新的API调用的情况下,如何使用redux和重置数据在React中实现过滤器



加载时,API将给出所有城市[假设20个城市],我将这些城市存储在redux中。现在,用户可以根据城市属性(例如:基于国家、大陆、语言等(过滤它们[复选框或单选按钮]。我的问题是,一旦应用了过滤器,就会只显示那些符合标准的人[比如说,来自20个城市,只显示3个]现在,当过滤器被移除时,我想显示所有20个城市,而不需要再次调用API。我应该如何解决这个问题?

如何应用多个过滤器?用户可以选择一个国家:美国,语言:英语,收入:高,一旦删除过滤器,结果就会自动更改

这是一个城市对象的示例:

{
name:"New York",
country:"USA",
continent:"North America",
population:"large",
language:["english","spanish"],
income:"high",
industries:["IT","law","manufacturing"],
}

最常见的建议是永远不要更改状态,而是在将数据从状态提取到组件中时,在选择器中进行筛选。

这个概念被称为派生数据(文档页面(,根据过滤所做的工作量,使用记忆选择器可能是有意义的。但如果你真的只有<100个要过滤的元素,这应该不是必要的。

相关内容

  • 没有找到相关文章

最新更新