diff --git a/B/P/app/node_modules/.cache/.eslintcache b/B/P/app/node_modules/.cache/.eslintcache
index c9138cf46..2a1a2cfa4 100644
--- a/B/P/app/node_modules/.cache/.eslintcache
+++ b/B/P/app/node_modules/.cache/.eslintcache
@@ -1 +1 @@
-[{"D:\\CODE\\GITEE\\react\\B\\P\\app\\src\\App.js":"1"},{"size":314,"mtime":1642731120966,"results":"2","hashOfConfig":"3"},{"filePath":"4","messages":"5","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"1d2r3pt","D:\\CODE\\GITEE\\react\\B\\P\\app\\src\\App.js",[]]
\ No newline at end of file
+[{"/Users/chenxuan/Documents/code/react/B/P/app/src/index.js":"1","/Users/chenxuan/Documents/code/react/B/P/app/src/App.js":"2","/Users/chenxuan/Documents/code/react/B/P/app/src/components/haha/Haha.js":"3","/Users/chenxuan/Documents/code/react/B/P/app/src/components/hehe/hehe.js":"4"},{"size":319,"mtime":1642695902058,"results":"5","hashOfConfig":"6"},{"size":387,"mtime":1643037693170,"results":"7","hashOfConfig":"6"},{"size":355,"mtime":1643040381152,"results":"8","hashOfConfig":"6"},{"size":366,"mtime":1643040377350,"results":"9","hashOfConfig":"6"},{"filePath":"10","messages":"11","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"1d70wrv",{"filePath":"12","messages":"13","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"14"},{"filePath":"15","messages":"16","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"17","messages":"18","errorCount":0,"fatalErrorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":"19","usedDeprecatedRules":"14"},"/Users/chenxuan/Documents/code/react/B/P/app/src/index.js",[],"/Users/chenxuan/Documents/code/react/B/P/app/src/App.js",[],["20","21"],"/Users/chenxuan/Documents/code/react/B/P/app/src/components/haha/Haha.js",[],"/Users/chenxuan/Documents/code/react/B/P/app/src/components/hehe/hehe.js",["22"],"/*\n * @Author: chenxuan\n * @Date: 2022-01-24 22:35:58\n * @LastEditTime: 2022-01-25 00:05:54\n * @LastEditors: chenxuan\n */\nimport React,{Component, component} from 'react'\nimport hehe from  './hehe.module.css'\nclass Hehe extends Component{\n    render(){\n        return (\n            <h1 className={hehe.title}>hello world！</h1>\n        )\n    }\n}\nexport default Hehe",{"ruleId":"23","replacedBy":"24"},{"ruleId":"25","replacedBy":"26"},{"ruleId":"27","severity":1,"message":"28","line":7,"column":26,"nodeType":"29","messageId":"30","endLine":7,"endColumn":35},"no-native-reassign",["31"],"no-negated-in-lhs",["32"],"no-unused-vars","'component' is defined but never used.","Identifier","unusedVar","no-global-assign","no-unsafe-negation"]
\ No newline at end of file
diff --git a/B/P/app/node_modules/.cache/babel-loader/3c615cff7b55d7770ddc0b84a18ae109.json b/B/P/app/node_modules/.cache/babel-loader/3c615cff7b55d7770ddc0b84a18ae109.json
new file mode 100644
index 000000000..b54490d91
--- /dev/null
+++ b/B/P/app/node_modules/.cache/babel-loader/3c615cff7b55d7770ddc0b84a18ae109.json
@@ -0,0 +1 @@
+{"ast":null,"code":"var _jsxFileName = \"/Users/chenxuan/Documents/code/react/B/P/app/src/components/haha/Haha.js\";\n\n/*\n * @Author: chenxuan\n * @Date: 2022-01-22 22:51:10\n * @LastEditTime: 2022-01-25 00:05:31\n * @LastEditors: chenxuan\n */\nimport React, { Component } from \"react\";\nimport haha from './haha.module.css';\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\n\nclass Haha extends Component {\n  render() {\n    return /*#__PURE__*/_jsxDEV(\"h1\", {\n      className: haha.haha,\n      children: \"hello world\\uFF01\"\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 12,\n      columnNumber: 13\n    }, this);\n  }\n\n}\n\nexport default Haha;","map":{"version":3,"sources":["/Users/chenxuan/Documents/code/react/B/P/app/src/components/haha/Haha.js"],"names":["React","Component","haha","Haha","render"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA,OAAOA,KAAP,IAAcC,SAAd,QAA8B,OAA9B;AACA,OAAOC,IAAP,MAAiB,mBAAjB;;;AACA,MAAMC,IAAN,SAAmBF,SAAnB,CAA4B;AACxBG,EAAAA,MAAM,GAAE;AACJ,wBACI;AAAI,MAAA,SAAS,EAAEF,IAAI,CAACA,IAApB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YADJ;AAGH;;AALuB;;AAO5B,eAAeC,IAAf","sourcesContent":["/*\n * @Author: chenxuan\n * @Date: 2022-01-22 22:51:10\n * @LastEditTime: 2022-01-25 00:05:31\n * @LastEditors: chenxuan\n */\nimport React,{Component} from \"react\";\nimport haha from './haha.module.css'\nclass Haha extends Component{\n    render(){\n        return (\n            <h1 className={haha.haha}>hello world！</h1>\n        )\n    }\n}\nexport default Haha"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
diff --git a/B/P/app/node_modules/.cache/babel-loader/3e194119a37ac9d18a3619f96811ccd1.json b/B/P/app/node_modules/.cache/babel-loader/3e194119a37ac9d18a3619f96811ccd1.json
new file mode 100644
index 000000000..11d01feef
--- /dev/null
+++ b/B/P/app/node_modules/.cache/babel-loader/3e194119a37ac9d18a3619f96811ccd1.json
@@ -0,0 +1 @@
+{"ast":null,"code":"var _jsxFileName = \"/Users/chenxuan/Documents/code/react/B/P/app/src/components/hehe/hehe.js\";\n\n/*\n * @Author: chenxuan\n * @Date: 2022-01-24 22:35:58\n * @LastEditTime: 2022-01-25 00:05:54\n * @LastEditors: chenxuan\n */\nimport React, { Component, component } from 'react';\nimport hehe from './hehe.module.css';\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\n\nclass Hehe extends Component {\n  render() {\n    return /*#__PURE__*/_jsxDEV(\"h1\", {\n      className: hehe.title,\n      children: \"hello world\\uFF01\"\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 12,\n      columnNumber: 13\n    }, this);\n  }\n\n}\n\nexport default Hehe;","map":{"version":3,"sources":["/Users/chenxuan/Documents/code/react/B/P/app/src/components/hehe/hehe.js"],"names":["React","Component","component","hehe","Hehe","render","title"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA,OAAOA,KAAP,IAAcC,SAAd,EAAyBC,SAAzB,QAAyC,OAAzC;AACA,OAAOC,IAAP,MAAkB,mBAAlB;;;AACA,MAAMC,IAAN,SAAmBH,SAAnB,CAA4B;AACxBI,EAAAA,MAAM,GAAE;AACJ,wBACI;AAAI,MAAA,SAAS,EAAEF,IAAI,CAACG,KAApB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YADJ;AAGH;;AALuB;;AAO5B,eAAeF,IAAf","sourcesContent":["/*\n * @Author: chenxuan\n * @Date: 2022-01-24 22:35:58\n * @LastEditTime: 2022-01-25 00:05:54\n * @LastEditors: chenxuan\n */\nimport React,{Component, component} from 'react'\nimport hehe from  './hehe.module.css'\nclass Hehe extends Component{\n    render(){\n        return (\n            <h1 className={hehe.title}>hello world！</h1>\n        )\n    }\n}\nexport default Hehe"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
diff --git a/B/P/app/node_modules/.cache/babel-loader/509c2fed9e38f0565e37fb2f275223a1.json b/B/P/app/node_modules/.cache/babel-loader/509c2fed9e38f0565e37fb2f275223a1.json
new file mode 100644
index 000000000..3a8b1d6fb
--- /dev/null
+++ b/B/P/app/node_modules/.cache/babel-loader/509c2fed9e38f0565e37fb2f275223a1.json
@@ -0,0 +1 @@
+{"ast":null,"code":"var _jsxFileName = \"/Users/chenxuan/Documents/code/react/B/P/app/src/App.js\";\n\n/*\n * @Author: chenxuan\n * @Date: 2022-01-19 00:04:09\n * @LastEditTime: 2022-01-22 22:54:09\n * @LastEditors: chenxuan\n */\nimport React, { Component } from 'react';\nimport Haha from './components/Haha';\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\n\nclass App extends Component {\n  render() {\n    return /*#__PURE__*/_jsxDEV(\"div\", {\n      children: /*#__PURE__*/_jsxDEV(Haha, {}, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 13,\n        columnNumber: 9\n      }, this)\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 12,\n      columnNumber: 7\n    }, this);\n  }\n\n}\n\nexport default App;","map":{"version":3,"sources":["/Users/chenxuan/Documents/code/react/B/P/app/src/App.js"],"names":["React","Component","Haha","App","render"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA,OAAOA,KAAP,IAAcC,SAAd,QAA8B,OAA9B;AACA,OAAOC,IAAP,MAAiB,mBAAjB;;;AACA,MAAMC,GAAN,SAAkBF,SAAlB,CAA2B;AACzBG,EAAAA,MAAM,GAAE;AACN,wBACE;AAAA,6BACE,QAAC,IAAD;AAAA;AAAA;AAAA;AAAA;AADF;AAAA;AAAA;AAAA;AAAA,YADF;AAKD;;AAPwB;;AAS3B,eAAeD,GAAf","sourcesContent":["/*\n * @Author: chenxuan\n * @Date: 2022-01-19 00:04:09\n * @LastEditTime: 2022-01-22 22:54:09\n * @LastEditors: chenxuan\n */\nimport React,{Component} from 'react';\nimport Haha from './components/Haha'\nclass App extends Component{\n  render(){\n    return(\n      <div>\n        <Haha/>\n      </div>\n    )\n  }\n}\nexport default App;\n"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
diff --git a/B/P/app/node_modules/.cache/babel-loader/50e4eaa5199b2b3ddd1d9dc0c81677c8.json b/B/P/app/node_modules/.cache/babel-loader/50e4eaa5199b2b3ddd1d9dc0c81677c8.json
new file mode 100644
index 000000000..54548b4f9
--- /dev/null
+++ b/B/P/app/node_modules/.cache/babel-loader/50e4eaa5199b2b3ddd1d9dc0c81677c8.json
@@ -0,0 +1 @@
+{"ast":null,"code":"var _jsxFileName = \"/Users/chenxuan/Documents/code/react/B/P/app/src/components/hehe/hehe.js\";\n\n/*\n * @Author: chenxuan\n * @Date: 2022-01-24 22:35:58\n * @LastEditTime: 2022-01-24 22:38:39\n * @LastEditors: chenxuan\n */\nimport React, { Component, component } from 'react';\nimport './hehe.css';\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\n\nclass Hehe extends Component {\n  render() {\n    return /*#__PURE__*/_jsxDEV(\"h1\", {\n      className: \"hehe\",\n      children: \"hello world\\uFF01\"\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 12,\n      columnNumber: 13\n    }, this);\n  }\n\n}","map":{"version":3,"sources":["/Users/chenxuan/Documents/code/react/B/P/app/src/components/hehe/hehe.js"],"names":["React","Component","component","Hehe","render"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA,OAAOA,KAAP,IAAcC,SAAd,EAAyBC,SAAzB,QAAyC,OAAzC;AACA,OAAO,YAAP;;;AACA,MAAMC,IAAN,SAAmBF,SAAnB,CAA4B;AACxBG,EAAAA,MAAM,GAAE;AACJ,wBACI;AAAI,MAAA,SAAS,EAAC,MAAd;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YADJ;AAGH;;AALuB","sourcesContent":["/*\n * @Author: chenxuan\n * @Date: 2022-01-24 22:35:58\n * @LastEditTime: 2022-01-24 22:38:39\n * @LastEditors: chenxuan\n */\nimport React,{Component, component} from 'react'\nimport './hehe.css'\nclass Hehe extends Component{\n    render(){\n        return (\n            <h1 className='hehe'>hello world！</h1>\n        )\n    }\n}"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
diff --git a/B/P/app/node_modules/.cache/babel-loader/55f862cbcbbfeb04d535f95ca68bf7ab.json b/B/P/app/node_modules/.cache/babel-loader/55f862cbcbbfeb04d535f95ca68bf7ab.json
new file mode 100644
index 000000000..48d744980
--- /dev/null
+++ b/B/P/app/node_modules/.cache/babel-loader/55f862cbcbbfeb04d535f95ca68bf7ab.json
@@ -0,0 +1 @@
+{"ast":null,"code":"var _jsxFileName = \"/Users/chenxuan/Documents/code/react/B/P/app/src/components/Haha.js\";\n\n/*\n * @Author: chenxuan\n * @Date: 2022-01-22 22:51:10\n * @LastEditTime: 2022-01-24 22:32:48\n * @LastEditors: chenxuan\n */\nimport React, { Component } from \"react\";\nimport './haha.css';\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\n\nclass Haha extends Component {\n  render() {\n    return /*#__PURE__*/_jsxDEV(\"h1\", {\n      className: \"haha\",\n      children: \"hello world\\uFF01\"\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 12,\n      columnNumber: 13\n    }, this);\n  }\n\n}\n\nexport default Haha;","map":{"version":3,"sources":["/Users/chenxuan/Documents/code/react/B/P/app/src/components/Haha.js"],"names":["React","Component","Haha","render"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA,OAAOA,KAAP,IAAcC,SAAd,QAA8B,OAA9B;AACA,OAAO,YAAP;;;AACA,MAAMC,IAAN,SAAmBD,SAAnB,CAA4B;AACxBE,EAAAA,MAAM,GAAE;AACJ,wBACI;AAAI,MAAA,SAAS,EAAC,MAAd;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YADJ;AAGH;;AALuB;;AAO5B,eAAeD,IAAf","sourcesContent":["/*\n * @Author: chenxuan\n * @Date: 2022-01-22 22:51:10\n * @LastEditTime: 2022-01-24 22:32:48\n * @LastEditors: chenxuan\n */\nimport React,{Component} from \"react\";\nimport './haha.css'\nclass Haha extends Component{\n    render(){\n        return (\n            <h1 className=\"haha\">hello world！</h1>\n        )\n    }\n}\nexport default Haha"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
diff --git a/B/P/app/node_modules/.cache/babel-loader/637c449b1d7831bcbb638abe6478cc65.json b/B/P/app/node_modules/.cache/babel-loader/637c449b1d7831bcbb638abe6478cc65.json
new file mode 100644
index 000000000..2201b4fa8
--- /dev/null
+++ b/B/P/app/node_modules/.cache/babel-loader/637c449b1d7831bcbb638abe6478cc65.json
@@ -0,0 +1 @@
+{"ast":null,"code":"var _jsxFileName = \"/Users/chenxuan/Documents/code/react/B/P/app/src/components/hehe/hehe.js\";\n\n/*\n * @Author: chenxuan\n * @Date: 2022-01-24 22:35:58\n * @LastEditTime: 2022-01-24 23:22:26\n * @LastEditors: chenxuan\n */\nimport React, { Component, component } from 'react';\nimport './hehe.css';\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\n\nclass Hehe extends Component {\n  render() {\n    return /*#__PURE__*/_jsxDEV(\"h1\", {\n      className: \"hehe\",\n      children: \"hello world\\uFF01\"\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 12,\n      columnNumber: 13\n    }, this);\n  }\n\n}\n\nexport default Hehe;","map":{"version":3,"sources":["/Users/chenxuan/Documents/code/react/B/P/app/src/components/hehe/hehe.js"],"names":["React","Component","component","Hehe","render"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA,OAAOA,KAAP,IAAcC,SAAd,EAAyBC,SAAzB,QAAyC,OAAzC;AACA,OAAO,YAAP;;;AACA,MAAMC,IAAN,SAAmBF,SAAnB,CAA4B;AACxBG,EAAAA,MAAM,GAAE;AACJ,wBACI;AAAI,MAAA,SAAS,EAAC,MAAd;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YADJ;AAGH;;AALuB;;AAO5B,eAAeD,IAAf","sourcesContent":["/*\n * @Author: chenxuan\n * @Date: 2022-01-24 22:35:58\n * @LastEditTime: 2022-01-24 23:22:26\n * @LastEditors: chenxuan\n */\nimport React,{Component, component} from 'react'\nimport './hehe.css'\nclass Hehe extends Component{\n    render(){\n        return (\n            <h1 className='hehe'>hello world！</h1>\n        )\n    }\n}\nexport default Hehe"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
diff --git a/B/P/app/node_modules/.cache/babel-loader/7300ae4415a8eb5a0da715b951c9ee2c.json b/B/P/app/node_modules/.cache/babel-loader/7300ae4415a8eb5a0da715b951c9ee2c.json
new file mode 100644
index 000000000..82b594eb4
--- /dev/null
+++ b/B/P/app/node_modules/.cache/babel-loader/7300ae4415a8eb5a0da715b951c9ee2c.json
@@ -0,0 +1 @@
+{"ast":null,"code":"var _jsxFileName = \"/Users/chenxuan/Documents/code/react/B/P/app/src/App.js\";\n\n/*\n * @Author: chenxuan\n * @Date: 2022-01-19 00:04:09\n * @LastEditTime: 2022-01-24 22:35:25\n * @LastEditors: chenxuan\n */\nimport React, { Component } from 'react';\nimport Haha from './components/haha/Haha';\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\n\nclass App extends Component {\n  render() {\n    return /*#__PURE__*/_jsxDEV(\"div\", {\n      children: /*#__PURE__*/_jsxDEV(Haha, {}, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 13,\n        columnNumber: 9\n      }, this)\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 12,\n      columnNumber: 7\n    }, this);\n  }\n\n}\n\nexport default App;","map":{"version":3,"sources":["/Users/chenxuan/Documents/code/react/B/P/app/src/App.js"],"names":["React","Component","Haha","App","render"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA,OAAOA,KAAP,IAAcC,SAAd,QAA8B,OAA9B;AACA,OAAOC,IAAP,MAAiB,wBAAjB;;;AACA,MAAMC,GAAN,SAAkBF,SAAlB,CAA2B;AACzBG,EAAAA,MAAM,GAAE;AACN,wBACE;AAAA,6BACE,QAAC,IAAD;AAAA;AAAA;AAAA;AAAA;AADF;AAAA;AAAA;AAAA;AAAA,YADF;AAKD;;AAPwB;;AAS3B,eAAeD,GAAf","sourcesContent":["/*\n * @Author: chenxuan\n * @Date: 2022-01-19 00:04:09\n * @LastEditTime: 2022-01-24 22:35:25\n * @LastEditors: chenxuan\n */\nimport React,{Component} from 'react';\nimport Haha from './components/haha/Haha'\nclass App extends Component{\n  render(){\n    return(\n      <div>\n        <Haha/>\n      </div>\n    )\n  }\n}\nexport default App;\n"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
diff --git a/B/P/app/node_modules/.cache/babel-loader/92a45c6ee31d492b279073d01562e107.json b/B/P/app/node_modules/.cache/babel-loader/92a45c6ee31d492b279073d01562e107.json
new file mode 100644
index 000000000..cfc06a40b
--- /dev/null
+++ b/B/P/app/node_modules/.cache/babel-loader/92a45c6ee31d492b279073d01562e107.json
@@ -0,0 +1 @@
+{"ast":null,"code":"var _jsxFileName = \"/Users/chenxuan/Documents/code/react/B/P/app/src/components/Haha.js\";\n\n/*\n * @Author: chenxuan\n * @Date: 2022-01-22 22:51:10\n * @LastEditTime: 2022-01-22 22:53:16\n * @LastEditors: chenxuan\n */\nimport React, { Component } from \"react\";\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\n\nclass Haha extends Component {\n  render() {\n    return /*#__PURE__*/_jsxDEV(\"h1\", {\n      children: \"hello world\\uFF01\"\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 11,\n      columnNumber: 13\n    }, this);\n  }\n\n}\n\nexport default Haha;","map":{"version":3,"sources":["/Users/chenxuan/Documents/code/react/B/P/app/src/components/Haha.js"],"names":["React","Component","Haha","render"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA,OAAOA,KAAP,IAAcC,SAAd,QAA8B,OAA9B;;;AACA,MAAMC,IAAN,SAAmBD,SAAnB,CAA4B;AACxBE,EAAAA,MAAM,GAAE;AACJ,wBACI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YADJ;AAGH;;AALuB;;AAO5B,eAAeD,IAAf","sourcesContent":["/*\n * @Author: chenxuan\n * @Date: 2022-01-22 22:51:10\n * @LastEditTime: 2022-01-22 22:53:16\n * @LastEditors: chenxuan\n */\nimport React,{Component} from \"react\";\nclass Haha extends Component{\n    render(){\n        return (\n            <h1>hello world！</h1>\n        )\n    }\n}\nexport default Haha"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
diff --git a/B/P/app/node_modules/.cache/babel-loader/b48077ef42f268fb3191ab3a8158ac0f.json b/B/P/app/node_modules/.cache/babel-loader/b48077ef42f268fb3191ab3a8158ac0f.json
new file mode 100644
index 000000000..827589e49
--- /dev/null
+++ b/B/P/app/node_modules/.cache/babel-loader/b48077ef42f268fb3191ab3a8158ac0f.json
@@ -0,0 +1 @@
+{"ast":null,"code":"var _jsxFileName = \"/Users/chenxuan/Documents/code/react/B/P/app/src/components/haha/Haha.js\";\n\n/*\n * @Author: chenxuan\n * @Date: 2022-01-22 22:51:10\n * @LastEditTime: 2022-01-24 22:32:48\n * @LastEditors: chenxuan\n */\nimport React, { Component } from \"react\";\nimport './haha.css';\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\n\nclass Haha extends Component {\n  render() {\n    return /*#__PURE__*/_jsxDEV(\"h1\", {\n      className: \"haha\",\n      children: \"hello world\\uFF01\"\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 12,\n      columnNumber: 13\n    }, this);\n  }\n\n}\n\nexport default Haha;","map":{"version":3,"sources":["/Users/chenxuan/Documents/code/react/B/P/app/src/components/haha/Haha.js"],"names":["React","Component","Haha","render"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA,OAAOA,KAAP,IAAcC,SAAd,QAA8B,OAA9B;AACA,OAAO,YAAP;;;AACA,MAAMC,IAAN,SAAmBD,SAAnB,CAA4B;AACxBE,EAAAA,MAAM,GAAE;AACJ,wBACI;AAAI,MAAA,SAAS,EAAC,MAAd;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YADJ;AAGH;;AALuB;;AAO5B,eAAeD,IAAf","sourcesContent":["/*\n * @Author: chenxuan\n * @Date: 2022-01-22 22:51:10\n * @LastEditTime: 2022-01-24 22:32:48\n * @LastEditors: chenxuan\n */\nimport React,{Component} from \"react\";\nimport './haha.css'\nclass Haha extends Component{\n    render(){\n        return (\n            <h1 className=\"haha\">hello world！</h1>\n        )\n    }\n}\nexport default Haha"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
diff --git a/B/P/app/node_modules/.cache/babel-loader/bf9b61a682792eedca35806ad742e4fb.json b/B/P/app/node_modules/.cache/babel-loader/bf9b61a682792eedca35806ad742e4fb.json
new file mode 100644
index 000000000..854f851e9
--- /dev/null
+++ b/B/P/app/node_modules/.cache/babel-loader/bf9b61a682792eedca35806ad742e4fb.json
@@ -0,0 +1 @@
+{"ast":null,"code":"var _jsxFileName = \"/Users/chenxuan/Documents/code/react/B/P/app/src/components/haha/Haha.js\";\n\n/*\n * @Author: chenxuan\n * @Date: 2022-01-22 22:51:10\n * @LastEditTime: 2022-01-25 00:05:31\n * @LastEditors: chenxuan\n */\nimport React, { Component } from \"react\";\nimport haha from './haha.module.css';\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\n\nclass Haha extends Component {\n  render() {\n    return /*#__PURE__*/_jsxDEV(\"h1\", {\n      className: haha.title,\n      children: \"hello world\\uFF01\"\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 12,\n      columnNumber: 13\n    }, this);\n  }\n\n}\n\nexport default Haha;","map":{"version":3,"sources":["/Users/chenxuan/Documents/code/react/B/P/app/src/components/haha/Haha.js"],"names":["React","Component","haha","Haha","render","title"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA,OAAOA,KAAP,IAAcC,SAAd,QAA8B,OAA9B;AACA,OAAOC,IAAP,MAAiB,mBAAjB;;;AACA,MAAMC,IAAN,SAAmBF,SAAnB,CAA4B;AACxBG,EAAAA,MAAM,GAAE;AACJ,wBACI;AAAI,MAAA,SAAS,EAAEF,IAAI,CAACG,KAApB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YADJ;AAGH;;AALuB;;AAO5B,eAAeF,IAAf","sourcesContent":["/*\n * @Author: chenxuan\n * @Date: 2022-01-22 22:51:10\n * @LastEditTime: 2022-01-25 00:05:31\n * @LastEditors: chenxuan\n */\nimport React,{Component} from \"react\";\nimport haha from './haha.module.css'\nclass Haha extends Component{\n    render(){\n        return (\n            <h1 className={haha.title}>hello world！</h1>\n        )\n    }\n}\nexport default Haha"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
diff --git a/B/P/app/node_modules/.cache/babel-loader/c1d950b7199073dc8281e30ec09f84de.json b/B/P/app/node_modules/.cache/babel-loader/c1d950b7199073dc8281e30ec09f84de.json
new file mode 100644
index 000000000..37d6c78a6
--- /dev/null
+++ b/B/P/app/node_modules/.cache/babel-loader/c1d950b7199073dc8281e30ec09f84de.json
@@ -0,0 +1 @@
+{"ast":null,"code":"var _jsxFileName = \"/Users/chenxuan/Documents/code/react/B/P/app/src/App.js\";\n\n/*\n * @Author: chenxuan\n * @Date: 2022-01-19 00:04:09\n * @LastEditTime: 2022-01-21 23:53:29\n * @LastEditors: chenxuan\n */\nimport React, { Component } from 'react';\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\n\nclass App extends Component {\n  render() {\n    return /*#__PURE__*/_jsxDEV(\"div\", {\n      children: /*#__PURE__*/_jsxDEV(\"h1\", {\n        children: \"hello world\\uFF01\"\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 12,\n        columnNumber: 9\n      }, this)\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 11,\n      columnNumber: 7\n    }, this);\n  }\n\n}\n\nexport default App;","map":{"version":3,"sources":["/Users/chenxuan/Documents/code/react/B/P/app/src/App.js"],"names":["React","Component","App","render"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA,OAAOA,KAAP,IAAcC,SAAd,QAA8B,OAA9B;;;AACA,MAAMC,GAAN,SAAkBD,SAAlB,CAA2B;AACzBE,EAAAA,MAAM,GAAE;AACN,wBACE;AAAA,6BACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AADF;AAAA;AAAA;AAAA;AAAA,YADF;AAKD;;AAPwB;;AAS3B,eAAeD,GAAf","sourcesContent":["/*\n * @Author: chenxuan\n * @Date: 2022-01-19 00:04:09\n * @LastEditTime: 2022-01-21 23:53:29\n * @LastEditors: chenxuan\n */\nimport React,{Component} from 'react';\nclass App extends Component{\n  render(){\n    return(\n      <div>\n        <h1>hello world！</h1>\n      </div>\n    )\n  }\n}\nexport default App;\n"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
diff --git a/B/P/app/node_modules/.cache/babel-loader/d19c818d3f202f8796469c3a31fb66dc.json b/B/P/app/node_modules/.cache/babel-loader/d19c818d3f202f8796469c3a31fb66dc.json
new file mode 100644
index 000000000..30574b4ec
--- /dev/null
+++ b/B/P/app/node_modules/.cache/babel-loader/d19c818d3f202f8796469c3a31fb66dc.json
@@ -0,0 +1 @@
+{"ast":null,"code":"var _jsxFileName = \"/Users/chenxuan/Documents/code/react/B/P/app/src/components/hehe/hehe.js\";\n\n/*\n * @Author: chenxuan\n * @Date: 2022-01-24 22:35:58\n * @LastEditTime: 2022-01-25 00:05:54\n * @LastEditors: chenxuan\n */\nimport React, { Component, component } from 'react';\nimport hehe from './hehe.module.css';\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\n\nclass Hehe extends Component {\n  render() {\n    return /*#__PURE__*/_jsxDEV(\"h1\", {\n      className: hehe.hehe,\n      children: \"hello world\\uFF01\"\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 12,\n      columnNumber: 13\n    }, this);\n  }\n\n}\n\nexport default Hehe;","map":{"version":3,"sources":["/Users/chenxuan/Documents/code/react/B/P/app/src/components/hehe/hehe.js"],"names":["React","Component","component","hehe","Hehe","render"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA,OAAOA,KAAP,IAAcC,SAAd,EAAyBC,SAAzB,QAAyC,OAAzC;AACA,OAAOC,IAAP,MAAkB,mBAAlB;;;AACA,MAAMC,IAAN,SAAmBH,SAAnB,CAA4B;AACxBI,EAAAA,MAAM,GAAE;AACJ,wBACI;AAAI,MAAA,SAAS,EAAEF,IAAI,CAACA,IAApB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YADJ;AAGH;;AALuB;;AAO5B,eAAeC,IAAf","sourcesContent":["/*\n * @Author: chenxuan\n * @Date: 2022-01-24 22:35:58\n * @LastEditTime: 2022-01-25 00:05:54\n * @LastEditors: chenxuan\n */\nimport React,{Component, component} from 'react'\nimport hehe from  './hehe.module.css'\nclass Hehe extends Component{\n    render(){\n        return (\n            <h1 className={hehe.hehe}>hello world！</h1>\n        )\n    }\n}\nexport default Hehe"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
diff --git a/B/P/app/node_modules/.cache/babel-loader/d9a398e208a0a8b2217f915757acc4ac.json b/B/P/app/node_modules/.cache/babel-loader/d9a398e208a0a8b2217f915757acc4ac.json
new file mode 100644
index 000000000..4b26c16b7
--- /dev/null
+++ b/B/P/app/node_modules/.cache/babel-loader/d9a398e208a0a8b2217f915757acc4ac.json
@@ -0,0 +1 @@
+{"ast":null,"code":"var _jsxFileName = \"/Users/chenxuan/Documents/code/react/B/P/app/src/App.js\";\n\n/*\n * @Author: chenxuan\n * @Date: 2022-01-19 00:04:09\n * @LastEditTime: 2022-01-24 23:21:33\n * @LastEditors: chenxuan\n */\nimport React, { Component } from 'react';\nimport Haha from './components/haha/Haha';\nimport Hehe from './components/hehe/hehe';\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\n\nclass App extends Component {\n  render() {\n    return /*#__PURE__*/_jsxDEV(\"div\", {\n      children: [/*#__PURE__*/_jsxDEV(Haha, {}, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 14,\n        columnNumber: 9\n      }, this), /*#__PURE__*/_jsxDEV(Hehe, {}, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 15,\n        columnNumber: 9\n      }, this)]\n    }, void 0, true, {\n      fileName: _jsxFileName,\n      lineNumber: 13,\n      columnNumber: 7\n    }, this);\n  }\n\n}\n\nexport default App;","map":{"version":3,"sources":["/Users/chenxuan/Documents/code/react/B/P/app/src/App.js"],"names":["React","Component","Haha","Hehe","App","render"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA,OAAOA,KAAP,IAAcC,SAAd,QAA8B,OAA9B;AACA,OAAOC,IAAP,MAAiB,wBAAjB;AACA,OAAOC,IAAP,MAAiB,wBAAjB;;;AACA,MAAMC,GAAN,SAAkBH,SAAlB,CAA2B;AACzBI,EAAAA,MAAM,GAAE;AACN,wBACE;AAAA,8BACE,QAAC,IAAD;AAAA;AAAA;AAAA;AAAA,cADF,eAEE,QAAC,IAAD;AAAA;AAAA;AAAA;AAAA,cAFF;AAAA;AAAA;AAAA;AAAA;AAAA,YADF;AAMD;;AARwB;;AAU3B,eAAeD,GAAf","sourcesContent":["/*\n * @Author: chenxuan\n * @Date: 2022-01-19 00:04:09\n * @LastEditTime: 2022-01-24 23:21:33\n * @LastEditors: chenxuan\n */\nimport React,{Component} from 'react';\nimport Haha from './components/haha/Haha'\nimport Hehe from './components/hehe/hehe'\nclass App extends Component{\n  render(){\n    return(\n      <div>\n        <Haha/>\n        <Hehe/>\n      </div>\n    )\n  }\n}\nexport default App;\n"]},"metadata":{},"sourceType":"module"}
\ No newline at end of file
diff --git a/B/P/app/node_modules/.cache/default-development/0.pack b/B/P/app/node_modules/.cache/default-development/0.pack
index 123761076..149ff7dec 100644
Binary files a/B/P/app/node_modules/.cache/default-development/0.pack and b/B/P/app/node_modules/.cache/default-development/0.pack differ
diff --git a/B/P/app/node_modules/.cache/default-development/1.pack b/B/P/app/node_modules/.cache/default-development/1.pack
index 2b47ec38a..620c92ca4 100644
Binary files a/B/P/app/node_modules/.cache/default-development/1.pack and b/B/P/app/node_modules/.cache/default-development/1.pack differ
diff --git a/B/P/app/node_modules/.cache/default-development/2.pack b/B/P/app/node_modules/.cache/default-development/2.pack
index 739886f45..1d4ec9b7b 100644
Binary files a/B/P/app/node_modules/.cache/default-development/2.pack and b/B/P/app/node_modules/.cache/default-development/2.pack differ
diff --git a/B/P/app/node_modules/.cache/default-development/3.pack b/B/P/app/node_modules/.cache/default-development/3.pack
index c9a00c102..614f62f24 100644
Binary files a/B/P/app/node_modules/.cache/default-development/3.pack and b/B/P/app/node_modules/.cache/default-development/3.pack differ
diff --git a/B/P/app/node_modules/.cache/default-development/4.pack b/B/P/app/node_modules/.cache/default-development/4.pack
index a669800ee..f1bf6984d 100644
Binary files a/B/P/app/node_modules/.cache/default-development/4.pack and b/B/P/app/node_modules/.cache/default-development/4.pack differ
diff --git a/B/P/app/node_modules/.cache/default-development/5.pack b/B/P/app/node_modules/.cache/default-development/5.pack
new file mode 100644
index 000000000..932060352
Binary files /dev/null and b/B/P/app/node_modules/.cache/default-development/5.pack differ
diff --git a/B/P/app/node_modules/.cache/default-development/6.pack b/B/P/app/node_modules/.cache/default-development/6.pack
new file mode 100644
index 000000000..0d902dd43
Binary files /dev/null and b/B/P/app/node_modules/.cache/default-development/6.pack differ
diff --git a/B/P/app/node_modules/.cache/default-development/7.pack b/B/P/app/node_modules/.cache/default-development/7.pack
new file mode 100644
index 000000000..658012778
Binary files /dev/null and b/B/P/app/node_modules/.cache/default-development/7.pack differ
diff --git a/B/P/app/node_modules/.cache/default-development/8.pack b/B/P/app/node_modules/.cache/default-development/8.pack
new file mode 100644
index 000000000..311fc9c5a
Binary files /dev/null and b/B/P/app/node_modules/.cache/default-development/8.pack differ
diff --git a/B/P/app/node_modules/.cache/default-development/9.pack b/B/P/app/node_modules/.cache/default-development/9.pack
new file mode 100644
index 000000000..8792f58b1
Binary files /dev/null and b/B/P/app/node_modules/.cache/default-development/9.pack differ
diff --git a/B/P/app/node_modules/.cache/default-development/index.pack b/B/P/app/node_modules/.cache/default-development/index.pack
index 1bd1d5f2d..8f4fd826a 100644
Binary files a/B/P/app/node_modules/.cache/default-development/index.pack and b/B/P/app/node_modules/.cache/default-development/index.pack differ
diff --git a/B/P/app/node_modules/.cache/default-development/index.pack.old b/B/P/app/node_modules/.cache/default-development/index.pack.old
index ad22bd857..0d65d22bc 100644
Binary files a/B/P/app/node_modules/.cache/default-development/index.pack.old and b/B/P/app/node_modules/.cache/default-development/index.pack.old differ
diff --git a/B/P/app/read.text b/B/P/app/read.text
new file mode 100644
index 000000000..b227e3f7d
--- /dev/null
+++ b/B/P/app/read.text
@@ -0,0 +1,4 @@
+1、热身运动
+   .js后缀可修改为.jsx后缀
+2、样式模块化
+      
\ No newline at end of file
diff --git a/B/P/app/src/App.js b/B/P/app/src/App.js
index 05ea2d8ce..fc6e90f72 100644
--- a/B/P/app/src/App.js
+++ b/B/P/app/src/App.js
@@ -1,15 +1,18 @@
 /*
  * @Author: chenxuan
  * @Date: 2022-01-19 00:04:09
- * @LastEditTime: 2022-01-21 10:11:51
+ * @LastEditTime: 2022-01-24 23:21:33
  * @LastEditors: chenxuan
  */
-import React from 'react';
-class App extends React.Component{
+import React,{Component} from 'react';
+import Haha from './components/haha/Haha'
+import Hehe from './components/hehe/hehe'
+class App extends Component{
   render(){
     return(
       <div>
-        <h1>hello world！</h1>
+        <Haha/>
+        <Hehe/>
       </div>
     )
   }
diff --git a/B/P/app/src/components/haha/Haha.js b/B/P/app/src/components/haha/Haha.js
new file mode 100644
index 000000000..cc367d99d
--- /dev/null
+++ b/B/P/app/src/components/haha/Haha.js
@@ -0,0 +1,16 @@
+/*
+ * @Author: chenxuan
+ * @Date: 2022-01-22 22:51:10
+ * @LastEditTime: 2022-01-25 00:05:31
+ * @LastEditors: chenxuan
+ */
+import React,{Component} from "react";
+import haha from './haha.module.css'
+class Haha extends Component{
+    render(){
+        return (
+            <h1 className={haha.title}>hello world！</h1>
+        )
+    }
+}
+export default Haha
\ No newline at end of file
diff --git a/B/P/app/src/components/haha/haha.module.css b/B/P/app/src/components/haha/haha.module.css
new file mode 100644
index 000000000..f97ad4937
--- /dev/null
+++ b/B/P/app/src/components/haha/haha.module.css
@@ -0,0 +1,3 @@
+.title{
+    background-color: orange;
+}
\ No newline at end of file
diff --git a/B/P/app/src/components/hehe/hehe.js b/B/P/app/src/components/hehe/hehe.js
new file mode 100644
index 000000000..3416e73b5
--- /dev/null
+++ b/B/P/app/src/components/hehe/hehe.js
@@ -0,0 +1,16 @@
+/*
+ * @Author: chenxuan
+ * @Date: 2022-01-24 22:35:58
+ * @LastEditTime: 2022-01-25 00:05:54
+ * @LastEditors: chenxuan
+ */
+import React,{Component, component} from 'react'
+import hehe from  './hehe.module.css'
+class Hehe extends Component{
+    render(){
+        return (
+            <h1 className={hehe.title}>hello world！</h1>
+        )
+    }
+}
+export default Hehe
\ No newline at end of file
diff --git a/B/P/app/src/components/hehe/hehe.module.css b/B/P/app/src/components/hehe/hehe.module.css
new file mode 100644
index 000000000..1cd7036f5
--- /dev/null
+++ b/B/P/app/src/components/hehe/hehe.module.css
@@ -0,0 +1,3 @@
+.title{
+    background-color: red;
+}
\ No newline at end of file