var React = require('react');
var ReactPropTypes = React.PropTypes;
var Header = React.createClass({
propTypes: {
productsQuanitity: ReactPropTypes.number.isRequired,
},
getInitialState: function () {
return {
productsQuanitity: this.props.productsQuanitity
};
},
componentWillMount() {
CartStore.addOnProductWasAddedToCartListner(this.onProductWasAddedToCartListner);
},
componentWillUnmount(){
CartStore.removeOnProductWasAddedToCartListner(this.onProductWasAddedToCartListner);
},
onProductWasAddedToCartListner: function (product) {
this.setState({productsQuanitity:product.quantity});
},
render: function()
{
<div>
<label>Cart ({this.state.productsQuanitity})</label>
</div>
}
});
module.exports = Header;
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.