10h30/csb-xr3j1
1
0
Fork 0
mirror of https://github.com/10h30/csb-xr3j1.git synced 2026-07-11 18:46:02 +09:00
Code Issues Packages Projects Releases Wiki Activity

Deployment from Codesandbox.

Browse Source
This commit is contained in:
Code Sandbox
2021-08-21 03:02:43 +00:00
parent dd3c74aac3
commit c2025e05a9
4 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
asset-manifest.json
+3 -3
View File
@@ -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"
]
}
index.html
+1 -1
View File
@@ -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.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>
<!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.fe5ca5d7.chunk.js"></script></body></html>
static/js/main.add59003.chunk.js → static/js/main.fe5ca5d7.chunk.js
+1 -1
View File
@@ -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
//# sourceMappingURL=main.fe5ca5d7.chunk.js.map
static/js/main.add59003.chunk.js.map → static/js/main.fe5ca5d7.chunk.js.map
+1 -1
View File
File diff suppressed because one or more lines are too long