我无法将类别添加到网站REACTJS



从"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)

最新更新