diff --git a/asset-manifest.json b/asset-manifest.json index e2e7af3..40a45d7 100644 --- a/asset-manifest.json +++ b/asset-manifest.json @@ -1,8 +1,8 @@ { "files": { "main.css": "https://10h30.github.io/csb-xr3j1/static/css/main.e9c2865a.chunk.css", - "main.js": "https://10h30.github.io/csb-xr3j1/static/js/main.add59003.chunk.js", - "main.js.map": "https://10h30.github.io/csb-xr3j1/static/js/main.add59003.chunk.js.map", + "main.js": "https://10h30.github.io/csb-xr3j1/static/js/main.fe5ca5d7.chunk.js", + "main.js.map": "https://10h30.github.io/csb-xr3j1/static/js/main.fe5ca5d7.chunk.js.map", "runtime-main.js": "https://10h30.github.io/csb-xr3j1/static/js/runtime-main.893d8f40.js", "runtime-main.js.map": "https://10h30.github.io/csb-xr3j1/static/js/runtime-main.893d8f40.js.map", "static/js/2.be1e11b2.chunk.js": "https://10h30.github.io/csb-xr3j1/static/js/2.be1e11b2.chunk.js", @@ -15,6 +15,6 @@ "static/js/runtime-main.893d8f40.js", "static/js/2.be1e11b2.chunk.js", "static/css/main.e9c2865a.chunk.css", - "static/js/main.add59003.chunk.js" + "static/js/main.fe5ca5d7.chunk.js" ] } \ No newline at end of file diff --git a/index.html b/index.html index 47f3ed9..de15c37 100644 --- a/index.html +++ b/index.html @@ -1 +1 @@ -React App
\ No newline at end of file +React App
\ No newline at end of file diff --git a/static/js/main.add59003.chunk.js b/static/js/main.fe5ca5d7.chunk.js similarity index 98% rename from static/js/main.add59003.chunk.js rename to static/js/main.fe5ca5d7.chunk.js index 1d87604..aac2618 100644 --- a/static/js/main.add59003.chunk.js +++ b/static/js/main.fe5ca5d7.chunk.js @@ -1,2 +1,2 @@ (this["webpackJsonpreact-practice-name-age"]=this["webpackJsonpreact-practice-name-age"]||[]).push([[0],{16:function(e,a,t){},18:function(e,a,t){"use strict";t.r(a);var n=t(1),c=t.n(n),r=t(10),s=t.n(r),i=(t(16),t(8)),l=t(7),u=t(3),h=t(4),b=t(2),j=t(6),o=t(5),d=t(0),O=function(e){return Object(d.jsx)("div",{className:"wrapper",children:e.children})},m=function(e){Object(j.a)(t,e);var a=Object(o.a)(t);function t(e){var n;return Object(u.a)(this,t),(n=a.call(this,e)).changeHandler=n.changeHandler.bind(Object(b.a)(n)),n}return Object(h.a)(t,[{key:"changeHandler",value:function(e){this.props.onNameChange(e.target.value)}},{key:"render",value:function(){var e=this.props.value;return Object(d.jsxs)("p",{children:[Object(d.jsx)("label",{className:"form-label",children:"Name"}),Object(d.jsx)("br",{}),Object(d.jsx)("input",{type:"number",placeholder:"Age",value:e,onChange:this.changeHandler})]})}}]),t}(c.a.Component),g=function(e){Object(j.a)(t,e);var a=Object(o.a)(t);function t(e){var n;return Object(u.a)(this,t),(n=a.call(this,e)).changeHandler=n.changeHandler.bind(Object(b.a)(n)),n}return Object(h.a)(t,[{key:"changeHandler",value:function(e){this.props.onNameChange(e.target.value)}},{key:"render",value:function(){var e=this.props.value;return Object(d.jsxs)("p",{children:[Object(d.jsx)("label",{className:"form-label",children:"Name"}),Object(d.jsx)("br",{}),Object(d.jsx)("input",{type:"text",placeholder:"Name",value:e,onChange:this.changeHandler})]})}}]),t}(c.a.Component),p=t(11),v=function(e){Object(j.a)(t,e);var a=Object(o.a)(t);function t(){return Object(u.a)(this,t),a.apply(this,arguments)}return Object(h.a)(t,[{key:"displayData",value:function(e){var a=Object(p.a)(e,3),t=a[0],n=a[1],c=a[2];return Object(d.jsxs)("div",{className:"component-item",children:["Name: ",n,". Age: ",c]},t)}},{key:"render",value:function(){var e=this,a=this.props.data;return Object(d.jsx)("div",{className:"component-wrapper",children:a.map((function(a){return e.displayData(a)}))})}}]),t}(c.a.Component),f=function(e){Object(j.a)(t,e);var a=Object(o.a)(t);function t(){var e;return Object(u.a)(this,t),(e=a.call(this)).state={name:"",age:"",count:0,data:[]},e.changeHandler=e.changeHandler.bind(Object(b.a)(e)),e.submitHandler=e.submitHandler.bind(Object(b.a)(e)),e.nameChangeHander=e.nameChangeHander.bind(Object(b.a)(e)),e.ageChangeHander=e.ageChangeHander.bind(Object(b.a)(e)),e}return Object(h.a)(t,[{key:"changeHandler",value:function(e){var a=e.target,t=a.name,n=a.value;this.setState(Object(l.a)(Object(l.a)({},this.state),{},Object(i.a)({},t,n)))}},{key:"submitHandler",value:function(e){e.preventDefault();var a=this.state.data.slice();a.push([this.state.count,this.state.name,this.state.age]),console.log(a),this.setState((function(e){return Object(l.a)(Object(l.a)({},e),{},{count:e.count+1,name:"",age:"",data:a})}))}},{key:"nameChangeHander",value:function(e){this.setState({name:e})}},{key:"ageChangeHander",value:function(e){this.setState({age:e}),console.log(e)}},{key:"render",value:function(){return Object(d.jsxs)("div",{children:[Object(d.jsx)(O,{children:Object(d.jsxs)("form",{className:"form",onSubmit:this.submitHandler,children:[Object(d.jsx)(g,{value:this.state.name,onNameChange:this.nameChangeHander}),Object(d.jsx)(m,{value:this.state.age,onNameChange:this.ageChangeHander}),Object(d.jsx)("p",{children:Object(d.jsx)("button",{children:"Submit"})})]})}),Object(d.jsx)(v,{data:this.state.data})]})}}]),t}(c.a.Component),x=function(){return Object(d.jsx)(f,{})},H=document.getElementById("root");s.a.render(Object(d.jsx)(n.StrictMode,{children:Object(d.jsx)(x,{})}),H)}},[[18,1,2]]]); -//# sourceMappingURL=main.add59003.chunk.js.map \ No newline at end of file +//# sourceMappingURL=main.fe5ca5d7.chunk.js.map \ No newline at end of file diff --git a/static/js/main.add59003.chunk.js.map b/static/js/main.fe5ca5d7.chunk.js.map similarity index 99% rename from static/js/main.add59003.chunk.js.map rename to static/js/main.fe5ca5d7.chunk.js.map index e56ceba..6b21415 100644 --- a/static/js/main.add59003.chunk.js.map +++ b/static/js/main.fe5ca5d7.chunk.js.map @@ -1 +1 @@ -{"version":3,"sources":["Components/Card.js","Components/AgeInput.js","Components/NameInPut.js","Components/RenderComponent.js","Components/Form.js","App.js","index.js"],"names":["Card","props","className","children","AgeInput","changeHandler","bind","e","this","onNameChange","target","value","name","type","placeholder","onChange","React","Component","NameInput","RenderComponent","i","count","age","data","map","displayData","Form","state","submitHandler","nameChangeHander","ageChangeHander","event","setState","preventDefault","slice","push","console","log","prevState","onSubmit","App","rootElement","document","getElementById","ReactDOM","render"],"mappings":"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","file":"static/js/main.add59003.chunk.js","sourcesContent":["import React from \"react\";\n\nconst Card = (props) => {\n return
{props.children}
;\n};\n\nexport default Card;\n","import React from \"react\";\n\nclass AgeInput extends React.Component {\n constructor(props) {\n super(props);\n this.changeHandler = this.changeHandler.bind(this);\n }\n changeHandler(e) {\n this.props.onNameChange(e.target.value);\n }\n\n render() {\n const name = this.props.value;\n return (\n

\n \n
\n \n

\n );\n }\n}\n\nexport default AgeInput;\n","import React from \"react\";\nclass NameInput extends React.Component {\n constructor(props) {\n super(props);\n this.changeHandler = this.changeHandler.bind(this);\n }\n changeHandler(e) {\n this.props.onNameChange(e.target.value);\n }\n\n render() {\n const name = this.props.value;\n return (\n

\n \n
\n \n

\n );\n }\n}\n\nexport default NameInput;\n","import React from \"react\";\nclass RenderComponent extends React.Component {\n displayData(i) {\n const [count, name, age] = i;\n return (\n
\n Name: {name}. Age: {age}\n
\n );\n }\n render() {\n const data = this.props.data;\n return (\n
\n {data.map((i) => this.displayData(i))}\n
\n );\n }\n}\n\nexport default RenderComponent;\n","import React from \"react\";\nimport Card from \"./Card\";\nimport AgeInput from \"./AgeInput\";\nimport NameInput from \"./NameInPut\";\nimport RenderComponent from \"./RenderComponent\";\n\nclass Form extends React.Component {\n constructor() {\n super();\n this.state = {\n name: \"\",\n age: \"\",\n count: 0,\n data: []\n };\n this.changeHandler = this.changeHandler.bind(this);\n this.submitHandler = this.submitHandler.bind(this);\n this.nameChangeHander = this.nameChangeHander.bind(this);\n this.ageChangeHander = this.ageChangeHander.bind(this);\n }\n\n changeHandler(event) {\n const { name, value } = event.target;\n this.setState({\n ...this.state,\n [name]: value\n });\n }\n\n submitHandler(event) {\n event.preventDefault();\n //this.state.age < 0 && alert(\"Age must be larger than 0\")\n //this.state.name === \"\" && alert(\"Cannot be empty\")\n //this.state.age === \"\" && alert(\"Cannot be empty\")\n //alert(\"Hello.My name is \" + this.state.name + \". I am \" + this.state.age + \" years old.\");\n let data = this.state.data.slice();\n data.push([this.state.count, this.state.name, this.state.age]);\n console.log(data);\n //this.data.push([\n // this.state.count, this.state.name, this.state.age\n //])\n\n this.setState((prevState) => {\n return {\n ...prevState,\n count: prevState.count + 1,\n name: \"\",\n age: \"\",\n data: data\n };\n });\n }\n\n nameChangeHander(e) {\n this.setState({\n name: e\n });\n }\n\n ageChangeHander(age) {\n this.setState({\n age: age\n });\n console.log(age);\n }\n\n render() {\n return (\n
\n \n
\n \n \n

\n \n

\n \n
\n \n
\n );\n }\n}\n\nexport default Form;\n","import \"./styles.css\";\nimport Form from \"./Components/Form\";\n\nconst App = () => {\n return
;\n};\n\nexport default App;\n","import { StrictMode } from \"react\";\nimport ReactDOM from \"react-dom\";\n\nimport App from \"./App\";\n\nconst rootElement = document.getElementById(\"root\");\nReactDOM.render(\n \n \n ,\n rootElement\n);\n"],"sourceRoot":""} \ No newline at end of file +{"version":3,"sources":["Components/Card.js","Components/AgeInput.js","Components/NameInPut.js","Components/RenderComponent.js","Components/Form.js","App.js","index.js"],"names":["Card","props","className","children","AgeInput","changeHandler","bind","e","this","onNameChange","target","value","name","type","placeholder","onChange","React","Component","NameInput","RenderComponent","i","count","age","data","map","displayData","Form","state","submitHandler","nameChangeHander","ageChangeHander","event","setState","preventDefault","slice","push","console","log","prevState","onSubmit","App","rootElement","document","getElementById","ReactDOM","render"],"mappings":"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","file":"static/js/main.fe5ca5d7.chunk.js","sourcesContent":["import React from \"react\";\n\nconst Card = (props) => {\n return
{props.children}
;\n};\n\nexport default Card;\n","import React from \"react\";\n\nclass AgeInput extends React.Component {\n constructor(props) {\n super(props);\n this.changeHandler = this.changeHandler.bind(this);\n }\n changeHandler(e) {\n this.props.onNameChange(e.target.value);\n }\n\n render() {\n const name = this.props.value;\n return (\n

\n \n
\n \n

\n );\n }\n}\n\nexport default AgeInput;\n","import React from \"react\";\nclass NameInput extends React.Component {\n constructor(props) {\n super(props);\n this.changeHandler = this.changeHandler.bind(this);\n }\n changeHandler(e) {\n this.props.onNameChange(e.target.value);\n }\n\n render() {\n const name = this.props.value;\n return (\n

\n \n
\n \n

\n );\n }\n}\n\nexport default NameInput;\n","import React from \"react\";\nclass RenderComponent extends React.Component {\n displayData(i) {\n const [count, name, age] = i;\n return (\n
\n Name: {name}. Age: {age}\n
\n );\n }\n render() {\n const data = this.props.data;\n return (\n
\n {data.map((i) => this.displayData(i))}\n
\n );\n }\n}\n\nexport default RenderComponent;\n","import React from \"react\";\nimport Card from \"./Card\";\nimport AgeInput from \"./AgeInput\";\nimport NameInput from \"./NameInPut\";\nimport RenderComponent from \"./RenderComponent\";\n\nclass Form extends React.Component {\n constructor() {\n super();\n this.state = {\n name: \"\",\n age: \"\",\n count: 0,\n data: []\n };\n this.changeHandler = this.changeHandler.bind(this);\n this.submitHandler = this.submitHandler.bind(this);\n this.nameChangeHander = this.nameChangeHander.bind(this);\n this.ageChangeHander = this.ageChangeHander.bind(this);\n }\n\n changeHandler(event) {\n const { name, value } = event.target;\n this.setState({\n ...this.state,\n [name]: value\n });\n }\n\n submitHandler(event) {\n event.preventDefault();\n //this.state.age < 0 && alert(\"Age must be larger than 0\")\n //this.state.name === \"\" && alert(\"Cannot be empty\")\n //this.state.age === \"\" && alert(\"Cannot be empty\")\n //alert(\"Hello.My name is \" + this.state.name + \". I am \" + this.state.age + \" years old.\");\n let data = this.state.data.slice();\n data.push([this.state.count, this.state.name, this.state.age]);\n console.log(data);\n //this.data.push([\n // this.state.count, this.state.name, this.state.age\n //])\n\n this.setState((prevState) => {\n return {\n ...prevState,\n count: prevState.count + 1,\n name: \"\",\n age: \"\",\n data: data\n };\n });\n }\n\n nameChangeHander(e) {\n this.setState({\n name: e\n });\n }\n\n ageChangeHander(age) {\n this.setState({\n age: age\n });\n console.log(age);\n }\n\n render() {\n return (\n
\n \n \n \n \n

\n \n

\n \n \n \n
\n );\n }\n}\n\nexport default Form;\n","import \"./styles.css\";\nimport Form from \"./Components/Form\";\n\nconst App = () => {\n return
;\n};\n\nexport default App;\n","import { StrictMode } from \"react\";\nimport ReactDOM from \"react-dom\";\n\nimport App from \"./App\";\n\nconst rootElement = document.getElementById(\"root\");\nReactDOM.render(\n \n \n ,\n rootElement\n);\n"],"sourceRoot":""} \ No newline at end of file