mirror of
https://github.com/10h30/csb-xr3j1.git
synced 2026-07-11 10:36:00 +09:00
Deployment from Codesandbox.
This commit is contained in:
Code Sandbox
+10
-10
@@ -1,20 +1,20 @@
|
||||
{
|
||||
"files": {
|
||||
"main.css": "https://10h30.github.io/csb-xr3j1/static/css/main.f29ae65a.chunk.css",
|
||||
"main.js": "https://10h30.github.io/csb-xr3j1/static/js/main.7163dfbc.chunk.js",
|
||||
"main.js.map": "https://10h30.github.io/csb-xr3j1/static/js/main.7163dfbc.chunk.js.map",
|
||||
"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",
|
||||
"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.7df286a1.chunk.js": "https://10h30.github.io/csb-xr3j1/static/js/2.7df286a1.chunk.js",
|
||||
"static/js/2.7df286a1.chunk.js.map": "https://10h30.github.io/csb-xr3j1/static/js/2.7df286a1.chunk.js.map",
|
||||
"static/js/2.be1e11b2.chunk.js": "https://10h30.github.io/csb-xr3j1/static/js/2.be1e11b2.chunk.js",
|
||||
"static/js/2.be1e11b2.chunk.js.map": "https://10h30.github.io/csb-xr3j1/static/js/2.be1e11b2.chunk.js.map",
|
||||
"index.html": "https://10h30.github.io/csb-xr3j1/index.html",
|
||||
"static/css/main.f29ae65a.chunk.css.map": "https://10h30.github.io/csb-xr3j1/static/css/main.f29ae65a.chunk.css.map",
|
||||
"static/js/2.7df286a1.chunk.js.LICENSE.txt": "https://10h30.github.io/csb-xr3j1/static/js/2.7df286a1.chunk.js.LICENSE.txt"
|
||||
"static/css/main.e9c2865a.chunk.css.map": "https://10h30.github.io/csb-xr3j1/static/css/main.e9c2865a.chunk.css.map",
|
||||
"static/js/2.be1e11b2.chunk.js.LICENSE.txt": "https://10h30.github.io/csb-xr3j1/static/js/2.be1e11b2.chunk.js.LICENSE.txt"
|
||||
},
|
||||
"entrypoints": [
|
||||
"static/js/runtime-main.893d8f40.js",
|
||||
"static/js/2.7df286a1.chunk.js",
|
||||
"static/css/main.f29ae65a.chunk.css",
|
||||
"static/js/main.7163dfbc.chunk.js"
|
||||
"static/js/2.be1e11b2.chunk.js",
|
||||
"static/css/main.e9c2865a.chunk.css",
|
||||
"static/js/main.add59003.chunk.js"
|
||||
]
|
||||
}
|
||||
+1
-1
@@ -1 +1 @@
|
||||
<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"><meta name="theme-color" content="#000000"><link rel="manifest" href="https://10h30.github.io/csb-xr3j1/manifest.json"><link rel="shortcut icon" href="https://10h30.github.io/csb-xr3j1/favicon.ico"><title>React App</title><link href="https://10h30.github.io/csb-xr3j1/static/css/main.f29ae65a.chunk.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div><script>!function(e){function t(t){for(var n,a,c=t[0],i=t[1],l=t[2],f=0,s=[];f<c.length;f++)a=c[f],Object.prototype.hasOwnProperty.call(o,a)&&o[a]&&s.push(o[a][0]),o[a]=0;for(n in i)Object.prototype.hasOwnProperty.call(i,n)&&(e[n]=i[n]);for(p&&p(t);s.length;)s.shift()();return u.push.apply(u,l||[]),r()}function r(){for(var e,t=0;t<u.length;t++){for(var r=u[t],n=!0,c=1;c<r.length;c++){var i=r[c];0!==o[i]&&(n=!1)}n&&(u.splice(t--,1),e=a(a.s=r[0]))}return e}var n={},o={1:0},u=[];function a(t){if(n[t])return n[t].exports;var r=n[t]={i:t,l:!1,exports:{}};return e[t].call(r.exports,r,r.exports,a),r.l=!0,r.exports}a.m=e,a.c=n,a.d=function(e,t,r){a.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},a.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},a.t=function(e,t){if(1&t&&(e=a(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(a.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)a.d(r,n,function(t){return e[t]}.bind(null,n));return r},a.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return a.d(t,"a",t),t},a.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},a.p="https://10h30.github.io/csb-xr3j1/";var c=this["webpackJsonpreact-practice-name-age"]=this["webpackJsonpreact-practice-name-age"]||[],i=c.push.bind(c);c.push=t,c=c.slice();for(var l=0;l<c.length;l++)t(c[l]);var p=i;r()}([])</script><script src="https://10h30.github.io/csb-xr3j1/static/js/2.7df286a1.chunk.js"></script><script src="https://10h30.github.io/csb-xr3j1/static/js/main.7163dfbc.chunk.js"></script></body></html>
|
||||
<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"><meta name="theme-color" content="#000000"><link rel="manifest" href="https://10h30.github.io/csb-xr3j1/manifest.json"><link rel="shortcut icon" href="https://10h30.github.io/csb-xr3j1/favicon.ico"><title>React App</title><link href="https://10h30.github.io/csb-xr3j1/static/css/main.e9c2865a.chunk.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div><script>!function(e){function t(t){for(var n,a,c=t[0],i=t[1],l=t[2],f=0,s=[];f<c.length;f++)a=c[f],Object.prototype.hasOwnProperty.call(o,a)&&o[a]&&s.push(o[a][0]),o[a]=0;for(n in i)Object.prototype.hasOwnProperty.call(i,n)&&(e[n]=i[n]);for(p&&p(t);s.length;)s.shift()();return u.push.apply(u,l||[]),r()}function r(){for(var e,t=0;t<u.length;t++){for(var r=u[t],n=!0,c=1;c<r.length;c++){var i=r[c];0!==o[i]&&(n=!1)}n&&(u.splice(t--,1),e=a(a.s=r[0]))}return e}var n={},o={1:0},u=[];function a(t){if(n[t])return n[t].exports;var r=n[t]={i:t,l:!1,exports:{}};return e[t].call(r.exports,r,r.exports,a),r.l=!0,r.exports}a.m=e,a.c=n,a.d=function(e,t,r){a.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},a.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},a.t=function(e,t){if(1&t&&(e=a(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(a.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)a.d(r,n,function(t){return e[t]}.bind(null,n));return r},a.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return a.d(t,"a",t),t},a.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},a.p="https://10h30.github.io/csb-xr3j1/";var c=this["webpackJsonpreact-practice-name-age"]=this["webpackJsonpreact-practice-name-age"]||[],i=c.push.bind(c);c.push=t,c=c.slice();for(var l=0;l<c.length;l++)t(c[l]);var p=i;r()}([])</script><script src="https://10h30.github.io/csb-xr3j1/static/js/2.be1e11b2.chunk.js"></script><script src="https://10h30.github.io/csb-xr3j1/static/js/main.add59003.chunk.js"></script></body></html>
|
||||
@@ -0,0 +1,2 @@
|
||||
.App{font-family:sans-serif;text-align:center}.component-wrapper,.wrapper{background:#efefef;padding:40px;max-width:800px;margin:80px auto}.form-label{font-size:20px;font-weight:700}input{padding:10px 18px;margin:10px 0;font-size:16px}button{padding:20px 30px;background:transparent;border:1px solid #f23;color:#f23;font-size:20px;font-weight:700;text-transform:uppercase}button:hover{background:#f23;color:#fff}.component-item{padding:10px 20px;background:#333;margin:30px 0;color:#fff}
|
||||
/*# sourceMappingURL=main.e9c2865a.chunk.css.map */
|
||||
@@ -0,0 +1 @@
|
||||
{"version":3,"sources":["webpack://src/styles.css"],"names":[],"mappings":"AAAA,KACE,sBAAuB,CACvB,iBACF,CACA,4BAEE,kBAAmB,CACnB,YAAa,CACb,eAAgB,CAChB,gBACF,CACA,YACE,cAAe,CACf,eACF,CACA,MACE,iBAAkB,CAClB,aAAc,CACd,cACF,CACA,OACE,iBAAkB,CAClB,sBAAuB,CACvB,qBAAyB,CACzB,UAAc,CACd,cAAe,CACf,eAAiB,CACjB,wBACF,CACA,aACE,eAAmB,CACnB,UACF,CAEA,gBACE,iBAAkB,CAClB,eAAgB,CAChB,aAAc,CACd,UACF","file":"main.e9c2865a.chunk.css","sourcesContent":[".App {\n font-family: sans-serif;\n text-align: center;\n}\n.wrapper,\n.component-wrapper {\n background: #efefef;\n padding: 40px;\n max-width: 800px;\n margin: 80px auto;\n}\n.form-label {\n font-size: 20px;\n font-weight: bold;\n}\ninput {\n padding: 10px 18px;\n margin: 10px 0;\n font-size: 16px;\n}\nbutton {\n padding: 20px 30px;\n background: transparent;\n border: 1px solid #ff2233;\n color: #ff2233;\n font-size: 20px;\n font-weight: bold;\n text-transform: uppercase;\n}\nbutton:hover {\n background: #ff2233;\n color: #fff;\n}\n\n.component-item {\n padding: 10px 20px;\n background: #333;\n margin: 30px 0;\n color: #fff;\n}\n"]}
|
||||
@@ -1,2 +0,0 @@
|
||||
.App{font-family:sans-serif;text-align:center}
|
||||
/*# sourceMappingURL=main.f29ae65a.chunk.css.map */
|
||||
@@ -1 +0,0 @@
|
||||
{"version":3,"sources":["webpack://src/styles.css"],"names":[],"mappings":"AAAA,KACE,sBAAuB,CACvB,iBACF","file":"main.f29ae65a.chunk.css","sourcesContent":[".App {\n font-family: sans-serif;\n text-align: center;\n}\n"]}
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -1,2 +0,0 @@
|
||||
(this["webpackJsonpreact-practice-name-age"]=this["webpackJsonpreact-practice-name-age"]||[]).push([[0],{10:function(e,t,c){"use strict";c.r(t);var n=c(1),a=c(3),r=c.n(a),i=(c(8),c(0));function s(){return Object(i.jsxs)("div",{className:"App",children:[Object(i.jsx)("h1",{children:"Hello CodeSandbox"}),Object(i.jsx)("h2",{children:"Start editing to see some magic happen!"})]})}var o=document.getElementById("root");r.a.render(Object(i.jsx)(n.StrictMode,{children:Object(i.jsx)(s,{})}),o)},8:function(e,t,c){}},[[10,1,2]]]);
|
||||
//# sourceMappingURL=main.7163dfbc.chunk.js.map
|
||||
@@ -1 +0,0 @@
|
||||
{"version":3,"sources":["App.js","index.js"],"names":["App","className","rootElement","document","getElementById","ReactDOM","render"],"mappings":"yLAEe,SAASA,IACtB,OACE,sBAAKC,UAAU,MAAf,UACE,mDACA,4ECDN,IAAMC,EAAcC,SAASC,eAAe,QAC5CC,IAASC,OACP,cAAC,aAAD,UACE,cAACN,EAAD,MAEFE,I","file":"static/js/main.7163dfbc.chunk.js","sourcesContent":["import \"./styles.css\";\n\nexport default function App() {\n return (\n <div className=\"App\">\n <h1>Hello CodeSandbox</h1>\n <h2>Start editing to see some magic happen!</h2>\n </div>\n );\n}\n","import { StrictMode } from \"react\";\nimport ReactDOM from \"react-dom\";\n\nimport App from \"./App\";\n\nconst rootElement = document.getElementById(\"root\");\nReactDOM.render(\n <StrictMode>\n <App />\n </StrictMode>,\n rootElement\n);\n"],"sourceRoot":""}
|
||||
@@ -0,0 +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
|
||||
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user