1 line
3.9 KiB
JSON
1 line
3.9 KiB
JSON
{"ast":null,"code":"import _slicedToArray from \"D:\\\\code\\\\React\\\\hooks\\\\2\\\\node_modules\\\\@babel\\\\runtime/helpers/esm/slicedToArray\";\nvar _jsxFileName = \"D:\\\\code\\\\React\\\\hooks\\\\2\\\\src\\\\App.js\";\nimport React, { useReducer } from 'react';\nimport { defaultState, CounterReducer } from './components/reducer';\nimport Counter from './components/counter';\nimport { context } from './components/context';\nlet icount = 0;\n\nfunction App() {\n let _useReducer = useReducer(CounterReducer, defaultState),\n _useReducer2 = _slicedToArray(_useReducer, 2),\n state = _useReducer2[0],\n dispatch = _useReducer2[1];\n\n return React.createElement(\"div\", {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 9\n },\n __self: this\n }, React.createElement(context.Provider, {\n value: {\n state,\n dispatch\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 10\n },\n __self: this\n }, React.createElement(Counter, {\n __source: {\n fileName: _jsxFileName,\n lineNumber: 11\n },\n __self: this\n })), \"\\u8BA1\\u6570\\u5668\\uFF1A\", React.createElement(\"button\", {\n type: \"button\",\n onClick: () => {\n dispatch({\n type: \"inc\",\n payload: {\n count: --icount\n }\n });\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 16\n },\n __self: this\n }, \"-\"), state.count, React.createElement(\"button\", {\n type: \"button\",\n onClick: () => {\n dispatch({\n type: \"inc\",\n payload: {\n count: ++icount\n }\n });\n },\n __source: {\n fileName: _jsxFileName,\n lineNumber: 20\n },\n __self: this\n }, \"+\"));\n}\n\nexport default App;","map":{"version":3,"sources":["D:/code/React/hooks/2/src/App.js"],"names":["React","useReducer","defaultState","CounterReducer","Counter","context","icount","App","state","dispatch","type","payload","count"],"mappings":";;AAAA,OAAOA,KAAP,IAAcC,UAAd,QAA+B,OAA/B;AACA,SAAQC,YAAR,EAAqBC,cAArB,QAA0C,sBAA1C;AACA,OAAOC,OAAP,MAAoB,sBAApB;AACA,SAAQC,OAAR,QAAsB,sBAAtB;AACA,IAAIC,MAAM,GAAC,CAAX;;AACA,SAASC,GAAT,GAAc;AAAA,oBACWN,UAAU,CAACE,cAAD,EAAgBD,YAAhB,CADrB;AAAA;AAAA,MACLM,KADK;AAAA,MACCC,QADD;;AAEV,SACI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACI,oBAAC,OAAD,CAAS,QAAT;AAAkB,IAAA,KAAK,EAAE;AAACD,MAAAA,KAAD;AAAOC,MAAAA;AAAP,KAAzB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACI,oBAAC,OAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IADJ,CADJ,8BAOI;AAAQ,IAAA,IAAI,EAAC,QAAb;AACA,IAAA,OAAO,EAAE,MAAI;AAACA,MAAAA,QAAQ,CAAC;AAACC,QAAAA,IAAI,EAAC,KAAN;AAAYC,QAAAA,OAAO,EAAC;AAACC,UAAAA,KAAK,EAAC,EAAEN;AAAT;AAApB,OAAD,CAAR;AAAgD,KAD9D;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAPJ,EAUSE,KAAK,CAACI,KAVf,EAWI;AAAQ,IAAA,IAAI,EAAC,QAAb;AACA,IAAA,OAAO,EAAE,MAAI;AAACH,MAAAA,QAAQ,CAAC;AAACC,QAAAA,IAAI,EAAC,KAAN;AAAYC,QAAAA,OAAO,EAAC;AAACC,UAAAA,KAAK,EAAC,EAAEN;AAAT;AAApB,OAAD,CAAR;AAAgD,KAD9D;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAXJ,CADJ;AAiBH;;AAED,eAAeC,GAAf","sourcesContent":["import React,{useReducer} from 'react';\r\nimport {defaultState,CounterReducer} from './components/reducer'\r\nimport Counter from './components/counter'\r\nimport {context} from './components/context'\r\nlet icount=0;\r\nfunction App(){\r\n let [state,dispatch]=useReducer(CounterReducer,defaultState);\r\n return (\r\n <div>\r\n <context.Provider value={{state,dispatch}}>\r\n <Counter></Counter>\r\n </context.Provider>\r\n\r\n \r\n 计数器：\r\n <button type=\"button\"\r\n onClick={()=>{dispatch({type:\"inc\",payload:{count:--icount}})}}\r\n >-</button> \r\n {state.count} \r\n <button type=\"button\"\r\n onClick={()=>{dispatch({type:\"inc\",payload:{count:++icount}})}}\r\n >+</button>\r\n </div>\r\n )\r\n}\r\n\r\nexport default App;\r\n"]},"metadata":{},"sourceType":"module"} |