反应像过滤器的电子商务减少
问题描述:
我想在我的项目中实现类似过滤器的电子商务,我正在考虑管理redux商店中的所有过滤器,因为可以从多个位置修改过滤器,然后将URL中的URL过滤商店的obj。 最后,API请求将基于Url。反应像过滤器的电子商务减少
该方法是否正确?任何建议或任何有用的链接关于这一点。
答
你说得对。 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。
Redux将是一个很好的工具在这种情况下使用。我会从[Redux webstie](http://redux.js.org/)开始,并通过教程进行操作。 –