1 line
6.1 KiB
JSON
1 line
6.1 KiB
JSON
{"ast":null,"code":"var _jsxFileName = \"/Users/chenxuan/Documents/code/react/demo/reduxOrigin2/src/components/person/index.jsx\";\n\n/*\n * @Author: chenxuan\n * @Date: 2022-07-31 21:43:44\n * @LastEditTime: 2022-08-01 23:57:04\n * @LastEditors: chenxuan\n */\nimport Rreact, { Component } from 'react';\nimport { nanoid } from 'nanoid';\nimport person from './style.module.css';\nimport createPerson from '../../redux/action/person';\nimport { connect } from 'react-redux';\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\n\nclass Person extends Component {\n constructor() {\n super(...arguments);\n\n this.addPerson = () => {\n const name = this.nodeName.value;\n const age = this.nodeAge.value;\n const personObj = {\n id: nanoid(),\n name,\n age\n };\n console.log(personObj);\n };\n }\n\n render() {\n return /*#__PURE__*/_jsxDEV(\"div\", {\n className: person.hehe,\n children: [/*#__PURE__*/_jsxDEV(\"h1\", {\n children: \"\\u7EC4\\u4EF62\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 22,\n columnNumber: 17\n }, this), /*#__PURE__*/_jsxDEV(\"input\", {\n type: \"text\",\n ref: c => this.nodeName = c,\n placeholder: \"\\u8BF7\\u8F93\\u5165\\u59D3\\u540D\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 23,\n columnNumber: 17\n }, this), /*#__PURE__*/_jsxDEV(\"input\", {\n type: \"text\",\n ref: c => this.nodeAge = c,\n placeholder: \"\\u8BF7\\u8F93\\u5165\\u5E74\\u9F84\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 24,\n columnNumber: 17\n }, this), /*#__PURE__*/_jsxDEV(\"button\", {\n onClick: this.addPerson,\n children: \"\\u6DFB\\u52A0\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 25,\n columnNumber: 17\n }, this), /*#__PURE__*/_jsxDEV(\"ul\", {\n children: this.props.person.map(p => {\n return /*#__PURE__*/_jsxDEV(\"div\", {\n children: [/*#__PURE__*/_jsxDEV(\"li\", {\n children: p.name\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 29,\n columnNumber: 29\n }, this), /*#__PURE__*/_jsxDEV(\"li\", {\n children: p.age\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 30,\n columnNumber: 29\n }, this)]\n }, p.id, true, {\n fileName: _jsxFileName,\n lineNumber: 28,\n columnNumber: 32\n }, this);\n })\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 26,\n columnNumber: 17\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 21,\n columnNumber: 13\n }, this);\n }\n\n}\n\nexport default connect(state => ({\n person: state.personReducer\n}), {\n createPerson\n})(Person);","map":{"version":3,"names":["Rreact","Component","nanoid","person","createPerson","connect","Person","addPerson","name","nodeName","value","age","nodeAge","personObj","id","console","log","render","hehe","c","props","map","p","state","personReducer"],"sources":["/Users/chenxuan/Documents/code/react/demo/reduxOrigin2/src/components/person/index.jsx"],"sourcesContent":["/*\n * @Author: chenxuan\n * @Date: 2022-07-31 21:43:44\n * @LastEditTime: 2022-08-01 23:57:04\n * @LastEditors: chenxuan\n */\nimport Rreact,{Component} from 'react'\nimport {nanoid} from 'nanoid'\nimport person from './style.module.css'\nimport createPerson from '../../redux/action/person'\nimport {connect} from 'react-redux'\nclass Person extends Component{\n addPerson=()=>{\n const name=this.nodeName.value\n const age=this.nodeAge.value\n const personObj={id:nanoid(),name,age}\n console.log(personObj)\n }\n render(){\n return(\n <div className={person.hehe}>\n <h1>组件2</h1>\n <input type=\"text\" ref={c=>this.nodeName=c} placeholder='请输入姓名'/>\n <input type=\"text\" ref={c=>this.nodeAge=c} placeholder='请输入年龄'/>\n <button onClick={this.addPerson}>添加</button>\n <ul>\n {this.props.person.map((p)=>{\n return <div key={p.id}>\n <li>{p.name}</li>\n <li>{p.age}</li>\n </div>\n })}\n </ul>\n </div>\n )\n \n }\n}\nexport default connect(\n state=>({person:state.personReducer}),\n {createPerson}\n)(Person)"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA,OAAOA,MAAP,IAAeC,SAAf,QAA+B,OAA/B;AACA,SAAQC,MAAR,QAAsB,QAAtB;AACA,OAAOC,MAAP,MAAmB,oBAAnB;AACA,OAAOC,YAAP,MAAyB,2BAAzB;AACA,SAAQC,OAAR,QAAsB,aAAtB;;;AACA,MAAMC,MAAN,SAAqBL,SAArB,CAA8B;EAAA;IAAA;;IAAA,KAC1BM,SAD0B,GAChB,MAAI;MACV,MAAMC,IAAI,GAAC,KAAKC,QAAL,CAAcC,KAAzB;MACA,MAAMC,GAAG,GAAC,KAAKC,OAAL,CAAaF,KAAvB;MACA,MAAMG,SAAS,GAAC;QAACC,EAAE,EAACZ,MAAM,EAAV;QAAaM,IAAb;QAAkBG;MAAlB,CAAhB;MACAI,OAAO,CAACC,GAAR,CAAYH,SAAZ;IACH,CANyB;EAAA;;EAO1BI,MAAM,GAAE;IACJ,oBACI;MAAK,SAAS,EAAEd,MAAM,CAACe,IAAvB;MAAA,wBACI;QAAA;MAAA;QAAA;QAAA;QAAA;MAAA,QADJ,eAEI;QAAO,IAAI,EAAC,MAAZ;QAAmB,GAAG,EAAEC,CAAC,IAAE,KAAKV,QAAL,GAAcU,CAAzC;QAA4C,WAAW,EAAC;MAAxD;QAAA;QAAA;QAAA;MAAA,QAFJ,eAGI;QAAO,IAAI,EAAC,MAAZ;QAAmB,GAAG,EAAEA,CAAC,IAAE,KAAKP,OAAL,GAAaO,CAAxC;QAA2C,WAAW,EAAC;MAAvD;QAAA;QAAA;QAAA;MAAA,QAHJ,eAII;QAAQ,OAAO,EAAE,KAAKZ,SAAtB;QAAA;MAAA;QAAA;QAAA;QAAA;MAAA,QAJJ,eAKI;QAAA,UACK,KAAKa,KAAL,CAAWjB,MAAX,CAAkBkB,GAAlB,CAAuBC,CAAD,IAAK;UACxB,oBAAO;YAAA,wBACH;cAAA,UAAKA,CAAC,CAACd;YAAP;cAAA;cAAA;cAAA;YAAA,QADG,eAEH;cAAA,UAAKc,CAAC,CAACX;YAAP;cAAA;cAAA;cAAA;YAAA,QAFG;UAAA,GAAUW,CAAC,CAACR,EAAZ;YAAA;YAAA;YAAA;UAAA,QAAP;QAIH,CALA;MADL;QAAA;QAAA;QAAA;MAAA,QALJ;IAAA;MAAA;MAAA;MAAA;IAAA,QADJ;EAiBH;;AAzByB;;AA2B9B,eAAgBT,OAAO,CACnBkB,KAAK,KAAG;EAACpB,MAAM,EAACoB,KAAK,CAACC;AAAd,CAAH,CADc,EAEnB;EAACpB;AAAD,CAFmB,CAAP,CAGdE,MAHc,CAAhB"},"metadata":{},"sourceType":"module"} |