像过滤器一样反应 redux 电子商务

【问题标题】：react redux e-commerce like filters像过滤器一样反应 redux 电子商务
【发布时间】：2018-01-16 21:02:58
【问题描述】：

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

方法正确吗？关于此的任何建议或任何有用的链接。

【问题讨论】：

Redux 将是在这种情况下使用的好工具。我将从Redux webstie 开始并完成教程。

标签： filter redux filtering

【解决方案1】：

你是对的。 Redux 非常适合。

查看我的演示：https://store.cezerin.com/footwear

我的 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'}));

我在 https://github.com/cezerin/cezerin 工作 - 使用 React、Redux 和 Node.js 的电子商务平台。这是 SPA 和 PWA。

【讨论】：