var React = require('react');
var ReactPropTypes = React.PropTypes;
var CartStore = require('../stores/CartStore');
var CartActions = require('../actions/CartActions');
var Quantity = React.createClass({
propTypes: {
productInCart: ReactPropTypes.object.isRequired,
},
getInitialState: function () {
return {
productInCart: this.props.productInCart
};
},
componentWillMount() {
CartStore.addOnProductWasAddedToCartListner(this.onProductWasAddedToCartListner);
},
componentWillUnmount(){
CartStore.removeOnProductWasAddedToCartListner(this.onProductWasAddedToCartListner);
},
onProductWasAddedToCartListner: function (product) {
this.setState({productInCart:product});
},
decrease: function () {
CartActions.decrease(this.state.productInCart.id);
},
increase: function () {
CartActions.increase(this.state.productInCart.id);
},
render: function()
{
<div>
<button onClick={this.decrease}>-</button>
<label>({this.staate.productInCart.quantity})</label>
<button onClick={this.increase}>-</button>
</div>
}
});
module.exports = Quantity;
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.