从"React"导入React,{Component};
从"导入{connect};反应还原";;
从"redux"导入{bindActionCreators};
将*作为categoryActions从'../..导入/redux/actions/categoryActions’;
从"reactstrap"导入{ListGroup,ListGroupItem};
从"reactstrap"导入{Badge};
class CategoryList扩展组件{
componentDidMount(({
this.props.actions.getCategories((
}
selectCategory=(类别(=>{
this.props.changeCategory(category(
}
render(({
返回(
类别
{this.props.categories.map(category=>(
<ListGroupItem active={category.id==this.props.currentCategory.id}
onClick={((=>this.selectCategory(category(}key={category.id}>
{category.categoryName}
))}
);
}
}
函数映射StateToProps(state({
返回{
currentCategory:state.changeCategoryReducer,
类别:state.CategoryListReducer
}
}
函数映射DispatchToProps(dispatch({
返回{
操作:{
getCategories:bindActionCreators(categoryActions.getCategories,dispatch(,
changeCategory:bindActionCreators(categoryActions.changeCategory,dispatch(,
}
};
}
导出默认连接(mapStateToProps,mapDispatchToProps((类别列表(
cartSummary进口{失控下降,下拉切换,下拉菜单,下拉项,NavItem,NavLink,徽章}来自"reactstrap";从"redux"导入{bindActionCreators};从'../..导入*作为cartActions/redux/actions/cartActions;import React,{Component}from";反应";;从"react redux"导入{connect};类CartSummary扩展组件{renderEmpty(({返回(赛斯波斯)}renderSummary(({返回(塞佩替尼
<DropdownMenu right>
{
this.props.cart.map(cartItem => (
<DropdownItem key={cartItem.product.id}>
<Badge color ="danger" onClick={()=>this.props.actions.removeFromCart(cartItem.product)}> x </Badge>
{cartItem.product.productName}
<Badge color ="success"> {cartItem.quantity} </Badge>
</DropdownItem>
))
}
<DropdownItem divider />
<DropdownItem>
sepete git
</DropdownItem>
</DropdownMenu>
</UncontrolledDropdown>
)
}
render() {
return (
<div >
{
this.props.cart.length > 0 ? this.renderSummary() : this.renderEmpty()
}
</div>
)
}
}
function mapStateToProps(state) {
return {
cart: state.cartReducer
}
}
function mapDispatchToProps(dispatch) {
return {
actions:{
removeFromCart:
bindActionCreators(
cartActions.removeFromCart,
dispatch)
}
}
}
export default connect(mapStateToProps,mapDispatchToProps)(CartSummary)