2017-10-20 76 views
0

我想在我的项目中实现类似过滤器的电子商务,我正在考虑管理redux商店中的所有过滤器,因为可以从多个位置修改过滤器,然后将URL中的URL过滤商店的obj。 最后,API请求将基于Url。反应像过滤器的电子商务减少

该方法是否正确?任何建议或任何有用的链接关于这一点。

+0

Redux将是一个很好的工具在这种情况下使用。我会从[Redux webstie](http://redux.js.org/)开始,并通过教程进行操作。 –

回答

0

你说得对。 Redux适合很好。

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

我的终极版状态包含此

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

我在012上班- 使用React,Redux和Node.js的电子商务平台它是SPA和PWA。