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

Question

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

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

Answer 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。