1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 | 1× 1× 1× 1× 1× 1× 1× 1× 1× 1× 1× 1× 1× 1× 1× 1× 6× 1× 8× 8× 1× 8× 1× 1× 1× 1× | "use strict"; var __extends = (this && this.__extends) || function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; function __() { this.constructor = d; } d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); }; var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) { var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d; Iif (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc); else for (var i = decorators.length - 1; i >= 0; i--) Eif (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r; return c > 3 && r && Object.defineProperty(target, key, r), r; }; var React = require('react'); var counter_1 = require('../../redux/modules/counter/counter'); var connect = require('react-redux').connect; var s = require('./style.css'); var Counter = (function (_super) { __extends(Counter, _super); function Counter() { _super.apply(this, arguments); } Counter.prototype.render = function () { var _a = this.props, increment = _a.increment, decrement = _a.decrement, counter = _a.counter; return (React.createElement("div", {className: s.counter}, React.createElement("h4", null, "Counter Example"), React.createElement("button", {name: "incBtn", onClick: increment}, "INCREMENT"), React.createElement("button", {name: "decBtn", onClick: decrement, disabled: counter.count <= 0}, "DECREMENT"), React.createElement("p", null, counter.count))); }; Counter = __decorate([ connect(function (state) { return ({ counter: state.counter }); }, function (dispatch) { return ({ decrement: function () { return dispatch(counter_1.decrement()); }, increment: function () { return dispatch(counter_1.increment()); }, }); }) ], Counter); return Counter; }(React.Component)); exports.Counter = Counter; |