1 line
8.5 KiB
JSON
1 line
8.5 KiB
JSON
{"ast":null,"code":"var _jsxFileName = \"/Users/chenxuan/Documents/code/react/demo/reduxOrigin3/src/components/count/index.jsx\";\n\n/*\n * @Author: chenxuan\n * @Date: 2022-07-24 16:07:57\n * @LastEditTime: 2022-08-07 17:29:58\n * @LastEditors: chenxuan\n */\nimport React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport count from './style.module.css';\nimport { increement, decreement, asyncJia } from '../../redux/action/count';\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\n\nclass Count extends Component {\n constructor() {\n super(...arguments);\n\n this.increement = () => {\n const {\n value\n } = this.selectNumber;\n this.props.increement(value * 1);\n };\n\n this.decreement = () => {\n const {\n value\n } = this.selectNumber;\n this.props.decreement(value * 1);\n };\n\n this.increementOdd = () => {\n const {\n value\n } = this.selectNumber;\n\n if (this.props.count % 2 !== 0) {\n this.props.increement(value * 1);\n }\n };\n\n this.increementSync = () => {\n const {\n value\n } = this.selectNumber;\n this.props.asyncJia(value * 1, 500);\n };\n }\n\n render() {\n return /*#__PURE__*/_jsxDEV(\"div\", {\n className: count.hehe,\n children: [/*#__PURE__*/_jsxDEV(\"h1\", {\n children: \"\\u7EC4\\u4EF61\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 37,\n columnNumber: 17\n }, this), /*#__PURE__*/_jsxDEV(\"h2\", {\n children: [\"\\u5F53\\u524D\\u6C42\\u548C\\u4E3A\\uFF1A\", this.props.count]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 38,\n columnNumber: 17\n }, this), /*#__PURE__*/_jsxDEV(\"select\", {\n name: \"\",\n id: \"\",\n ref: c => this.selectNumber = c,\n children: [/*#__PURE__*/_jsxDEV(\"option\", {\n value: \"1\",\n children: \"1\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 40,\n columnNumber: 21\n }, this), /*#__PURE__*/_jsxDEV(\"option\", {\n value: \"2\",\n children: \"2\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 41,\n columnNumber: 21\n }, this), /*#__PURE__*/_jsxDEV(\"option\", {\n value: \"3\",\n children: \"3\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 42,\n columnNumber: 21\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 39,\n columnNumber: 17\n }, this), /*#__PURE__*/_jsxDEV(\"button\", {\n onClick: this.increement,\n children: \"+\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 44,\n columnNumber: 17\n }, this), /*#__PURE__*/_jsxDEV(\"button\", {\n onClick: this.decreement,\n children: \"-\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 45,\n columnNumber: 17\n }, this), /*#__PURE__*/_jsxDEV(\"button\", {\n onClick: this.increementOdd,\n children: \"\\u8BA1\\u6570\\u518D\\u52A0\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 46,\n columnNumber: 17\n }, this), /*#__PURE__*/_jsxDEV(\"button\", {\n onClick: this.increementSync,\n children: \"\\u5F02\\u6B65\\u518D\\u52A0\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 47,\n columnNumber: 17\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 36,\n columnNumber: 13\n }, this);\n }\n\n} // const mapStateToProps=state=>({count:state.countReducer})\n// const mapDispatchToProps=(dispatch)=>({\n// jia:data=>dispatch(increement(data)),\n// jian:data=>dispatch(createDecreementAction(data)),\n// asyncJia:(data,time)=>dispatch(createIncreementAsyncAction(data,time))\n// })\n\n\nexport default connect(state => ({\n count: state.countReducer\n}), {\n increement: increement,\n decreement: decreement,\n asyncJia: createIncreementAsyncAction\n})(Count);","map":{"version":3,"names":["React","Component","connect","count","increement","decreement","asyncJia","Count","value","selectNumber","props","increementOdd","increementSync","render","hehe","c","state","countReducer","createIncreementAsyncAction"],"sources":["/Users/chenxuan/Documents/code/react/demo/reduxOrigin3/src/components/count/index.jsx"],"sourcesContent":["/*\n * @Author: chenxuan\n * @Date: 2022-07-24 16:07:57\n * @LastEditTime: 2022-08-07 17:29:58\n * @LastEditors: chenxuan\n */\nimport React,{Component} from 'react'\nimport {connect} from 'react-redux' \nimport count from './style.module.css'\nimport {\n increement, \n decreement,\n asyncJia\n} from '../../redux/action/count'\nclass Count extends Component{\n increement=()=>{\n const {value}=this.selectNumber\n this.props.increement(value*1)\n }\n decreement=()=>{\n const {value}=this.selectNumber\n this.props.decreement(value*1)\n }\n increementOdd=()=>{\n const {value}=this.selectNumber\n if(this.props.count%2!==0){\n this.props.increement(value*1)\n }\n }\n increementSync=()=>{\n const {value}=this.selectNumber\n this.props.asyncJia(value*1,500)\n }\n render(){\n return(\n <div className={count.hehe}>\n <h1>组件1</h1>\n <h2>当前求和为：{this.props.count}</h2>\n <select name=\"\" id=\"\" ref={c=>this.selectNumber=c}>\n <option value=\"1\">1</option>\n <option value=\"2\">2</option>\n <option value=\"3\">3</option>\n </select>\n <button onClick={this.increement}>+</button>\n <button onClick={this.decreement}>-</button>\n <button onClick={this.increementOdd}>计数再加</button>\n <button onClick={this.increementSync}>异步再加</button>\n </div>\n )\n }\n}\n// const mapStateToProps=state=>({count:state.countReducer})\n// const mapDispatchToProps=(dispatch)=>({\n// jia:data=>dispatch(increement(data)),\n// jian:data=>dispatch(createDecreementAction(data)),\n// asyncJia:(data,time)=>dispatch(createIncreementAsyncAction(data,time))\n// })\n\nexport default connect(\n state=>({count:state.countReducer}),\n {\n increement:increement,\n decreement:decreement,\n asyncJia:createIncreementAsyncAction\n }\n )(Count)"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA,OAAOA,KAAP,IAAcC,SAAd,QAA8B,OAA9B;AACA,SAAQC,OAAR,QAAsB,aAAtB;AACA,OAAOC,KAAP,MAAkB,oBAAlB;AACA,SACIC,UADJ,EAEIC,UAFJ,EAGIC,QAHJ,QAIO,0BAJP;;;AAKA,MAAMC,KAAN,SAAoBN,SAApB,CAA6B;EAAA;IAAA;;IAAA,KACzBG,UADyB,GACd,MAAI;MACX,MAAM;QAACI;MAAD,IAAQ,KAAKC,YAAnB;MACA,KAAKC,KAAL,CAAWN,UAAX,CAAsBI,KAAK,GAAC,CAA5B;IACH,CAJwB;;IAAA,KAKzBH,UALyB,GAKd,MAAI;MACX,MAAM;QAACG;MAAD,IAAQ,KAAKC,YAAnB;MACA,KAAKC,KAAL,CAAWL,UAAX,CAAsBG,KAAK,GAAC,CAA5B;IACH,CARwB;;IAAA,KASzBG,aATyB,GASX,MAAI;MACd,MAAM;QAACH;MAAD,IAAQ,KAAKC,YAAnB;;MACA,IAAG,KAAKC,KAAL,CAAWP,KAAX,GAAiB,CAAjB,KAAqB,CAAxB,EAA0B;QACtB,KAAKO,KAAL,CAAWN,UAAX,CAAsBI,KAAK,GAAC,CAA5B;MACH;IACJ,CAdwB;;IAAA,KAezBI,cAfyB,GAeV,MAAI;MACf,MAAM;QAACJ;MAAD,IAAQ,KAAKC,YAAnB;MACA,KAAKC,KAAL,CAAWJ,QAAX,CAAoBE,KAAK,GAAC,CAA1B,EAA4B,GAA5B;IACH,CAlBwB;EAAA;;EAmBzBK,MAAM,GAAE;IACJ,oBACI;MAAK,SAAS,EAAEV,KAAK,CAACW,IAAtB;MAAA,wBACI;QAAA;MAAA;QAAA;QAAA;QAAA;MAAA,QADJ,eAEI;QAAA,mDAAW,KAAKJ,KAAL,CAAWP,KAAtB;MAAA;QAAA;QAAA;QAAA;MAAA,QAFJ,eAGI;QAAQ,IAAI,EAAC,EAAb;QAAgB,EAAE,EAAC,EAAnB;QAAsB,GAAG,EAAEY,CAAC,IAAE,KAAKN,YAAL,GAAkBM,CAAhD;QAAA,wBACI;UAAQ,KAAK,EAAC,GAAd;UAAA;QAAA;UAAA;UAAA;UAAA;QAAA,QADJ,eAEI;UAAQ,KAAK,EAAC,GAAd;UAAA;QAAA;UAAA;UAAA;UAAA;QAAA,QAFJ,eAGI;UAAQ,KAAK,EAAC,GAAd;UAAA;QAAA;UAAA;UAAA;UAAA;QAAA,QAHJ;MAAA;QAAA;QAAA;QAAA;MAAA,QAHJ,eAQI;QAAQ,OAAO,EAAE,KAAKX,UAAtB;QAAA;MAAA;QAAA;QAAA;QAAA;MAAA,QARJ,eASI;QAAQ,OAAO,EAAE,KAAKC,UAAtB;QAAA;MAAA;QAAA;QAAA;QAAA;MAAA,QATJ,eAUI;QAAQ,OAAO,EAAE,KAAKM,aAAtB;QAAA;MAAA;QAAA;QAAA;QAAA;MAAA,QAVJ,eAWI;QAAQ,OAAO,EAAE,KAAKC,cAAtB;QAAA;MAAA;QAAA;QAAA;QAAA;MAAA,QAXJ;IAAA;MAAA;MAAA;MAAA;IAAA,QADJ;EAeH;;AAnCwB,C,CAqC7B;AACA;AACA;AACA;AACA;AACA;;;AAEA,eAAeV,OAAO,CAClBc,KAAK,KAAG;EAACb,KAAK,EAACa,KAAK,CAACC;AAAb,CAAH,CADa,EAElB;EACIb,UAAU,EAACA,UADf;EAEIC,UAAU,EAACA,UAFf;EAGIC,QAAQ,EAACY;AAHb,CAFkB,CAAP,CAOTX,KAPS,CAAf"},"metadata":{},"sourceType":"module"} |