1 line
3.7 KiB
JSON
1 line
3.7 KiB
JSON
{"ast":null,"code":"import _slicedToArray from \"/Users/chenxuan/Documents/code/REACT/hooks/1/node_modules/@babel/runtime/helpers/esm/slicedToArray\";\nvar _jsxFileName = \"/Users/chenxuan/Documents/code/REACT/hooks/1/src/App.js\";\nimport React, { useState, useEffect } from 'react';\n\nfunction App() {\n const _useState = useState('首页'),\n _useState2 = _slicedToArray(_useState, 2),\n title = _useState2[0],\n setTitle1 = _useState2[1];\n\n const _useState3 = useState(\"chenxuan\"),\n _useState4 = _slicedToArray(_useState3, 2),\n chenxuan = _useState4[0],\n setChenxuan = _useState4[1];\n\n function change() {\n setTitle1(\"呵呵呵！\");\n }\n\n ;\n\n function changeName() {\n setChenxuan(\"帅哥\");\n }\n\n useEffect(() => {\n document.title = title;\n return () => {\n console.log(\"页面离开了!\");\n };\n }, [title]);\n return React.createElement(\"div\", {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 18\n },\n __self: this\n }, React.createElement(\"li\", {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 19\n },\n __self: this\n }, title), React.createElement(\"li\", {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 20\n },\n __self: this\n }, chenxuan), React.createElement(\"button\", {\n type: \"button\",\n onClick: change.bind(this),\n __source: {\n fileName: _jsxFileName,\n lineNumber: 21\n },\n __self: this\n }, \"click1\"), React.createElement(\"button\", {\n type: \"button\",\n onClick: changeName.bind(this),\n __source: {\n fileName: _jsxFileName,\n lineNumber: 22\n },\n __self: this\n }, \"click1\"));\n}\n\nexport default App;","map":{"version":3,"sources":["/Users/chenxuan/Documents/code/REACT/hooks/1/src/App.js"],"names":["React","useState","useEffect","App","title","setTitle1","chenxuan","setChenxuan","change","changeName","document","console","log","bind"],"mappings":";;AAAA,OAAOA,KAAP,IAAcC,QAAd,EAAuBC,SAAvB,QAAuC,OAAvC;;AACA,SAASC,GAAT,GAAc;AAAA,oBACcF,QAAQ,CAAC,IAAD,CADtB;AAAA;AAAA,QACHG,KADG;AAAA,QACGC,SADH;;AAAA,qBAEmBJ,QAAQ,CAAC,UAAD,CAF3B;AAAA;AAAA,QAEHK,QAFG;AAAA,QAEMC,WAFN;;AAGV,WAASC,MAAT,GAAiB;AACbH,IAAAA,SAAS,CAAC,MAAD,CAAT;AACH;;AAAA;;AACD,WAASI,UAAT,GAAqB;AACjBF,IAAAA,WAAW,CAAC,IAAD,CAAX;AACH;;AACDL,EAAAA,SAAS,CAAC,MAAI;AACVQ,IAAAA,QAAQ,CAACN,KAAT,GAAeA,KAAf;AACA,WAAO,MAAI;AACPO,MAAAA,OAAO,CAACC,GAAR,CAAY,QAAZ;AACH,KAFD;AAGH,GALQ,EAKP,CAACR,KAAD,CALO,CAAT;AAMA,SACI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAAKA,KAAL,CADA,EAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAAKE,QAAL,CAFA,EAGC;AAAQ,IAAA,IAAI,EAAC,QAAb;AAAsB,IAAA,OAAO,EAAEE,MAAM,CAACK,IAAP,CAAY,IAAZ,CAA/B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAHD,EAIC;AAAQ,IAAA,IAAI,EAAC,QAAb;AAAsB,IAAA,OAAO,EAAEJ,UAAU,CAACI,IAAX,CAAgB,IAAhB,CAA/B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAJD,CADJ;AAQH;;AAED,eAAeV,GAAf","sourcesContent":["import React,{useState,useEffect} from 'react';\nfunction App(){\n const [title,setTitle1]=useState('首页');\n const [chenxuan,setChenxuan]=useState(\"chenxuan\")\n function change(){\n setTitle1(\"呵呵呵！\")\n };\n function changeName(){\n setChenxuan(\"帅哥\")\n }\n useEffect(()=>{\n document.title=title;\n return ()=>{\n console.log(\"页面离开了!\")\n }\n },[title])\n return (\n <div>\n <li>{title}</li>\n <li>{chenxuan}</li>\n <button type=\"button\" onClick={change.bind(this)}>click1</button>\n <button type=\"button\" onClick={changeName.bind(this)}>click1</button>\n </div>\n )\n}\n\nexport default App;\n"]},"metadata":{},"sourceType":"module"} |