<div className="cartcontrol-wrapper">
<Cartcontrol food={food}>// food是一个常量对象
</Cartcontrol>
</div>
render() {
console.log(this.props)// _**页面打印多次 最后一次为空**_
return (
<div className="cartcontrol">
<CSSTransitionGroup
transitionName='cart-decrease'
transitionEnterTimeout={500}
transitionLeaveTimeout={300}
>
{/*{showLeft()}*/}
</CSSTransitionGroup>
<div className="cart-count"></div>
<div className="cart-add icon-add_circle" onClick={()=>this.props.cartAdd(this.props.food)}></div>
</div>
);
}
}
const mapStateToProps = (state,ownProps)=>{
return {...state,...ownProps}
};
const mapDispatchToProps = dispatch =>{
return {
cartAdd : (food)=> {
dispatch(cartAdd(food));
},
cartDecrease: (food)=> {
dispatch(cartDecrease(food))
}
};
};
export default connect(
mapStateToProps,
mapDispatchToProps
)(Cartcontrol)
react 工具中查看UI组件props有传过来的food 打印显示undefined