Filter react redux电子商务类过滤器

Filter react redux电子商务类过滤器,filter,redux,filtering,Filter,Redux,Filtering,我想在我的项目中实现类似电子商务的过滤器,我想管理redux商店中的所有过滤器,因为过滤器可以从多个地方修改,然后从商店的过滤器对象同步URL。 最后,API请求将基于Url 方法正确吗?任何关于这方面的建议或有用的链接。你说得对。Redux非常适合 查看我的演示: 我的Redux状态包含以下内容 productFilter: { search: '', categoryId: null, priceFrom: null, priceTo: null, a

我想在我的项目中实现类似电子商务的过滤器,我想管理redux商店中的所有过滤器,因为过滤器可以从多个地方修改,然后从商店的过滤器对象同步URL。 最后,API请求将基于Url


方法正确吗?任何关于这方面的建议或有用的链接。

你说得对。Redux非常适合

查看我的演示:

我的Redux状态包含以下内容

productFilter: {
    search: '',
    categoryId: null,
    priceFrom: null,
    priceTo: null,
    attributes: null,
    sort: null,
    fields: '',
    limit: 30
}
异径管

case t.SET_PRODUCTS_FILTER:
      return Object.assign({}, state, {
        productFilter: Object.assign({}, state.productFilter, action.filter)
      })
行动中

const setProductsFilter = filter => ({type: t.SET_PRODUCTS_FILTER, filter: filter})
dispatch(setProductsFilter({categoryId: '13213213'}));

我使用React、Redux和Node.js在电子商务平台上工作。它是SPA和PWA。

在这种情况下,Redux将是一个很好的工具。我将从开始学习,并完成教程。