質問編集履歴
1
動かない方を手直し
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -128,31 +128,33 @@
|
|
|
128
128
|
|
|
129
129
|
//定義部分
|
|
130
130
|
|
|
131
|
-
con
|
|
131
|
+
function App(props){
|
|
132
132
|
|
|
133
|
-
|
|
133
|
+
const mes = ''
|
|
134
134
|
|
|
135
|
-
|
|
135
|
+
//処理部分
|
|
136
136
|
|
|
137
|
-
let
|
|
137
|
+
let changeText = (e)=>{
|
|
138
138
|
|
|
139
|
-
|
|
139
|
+
setState({mes: target.value});
|
|
140
140
|
|
|
141
|
+
}
|
|
142
|
+
|
|
143
|
+
console.log(changeText);
|
|
144
|
+
|
|
145
|
+
return <div>
|
|
146
|
+
|
|
147
|
+
<input onChange={changeText} />
|
|
148
|
+
|
|
141
|
-
set
|
|
149
|
+
<p>入力された文字<span>{ changeText.mes }</span></p>
|
|
150
|
+
|
|
151
|
+
</div>;
|
|
142
152
|
|
|
143
153
|
}
|
|
144
154
|
|
|
145
|
-
|
|
155
|
+
|
|
146
156
|
|
|
147
|
-
<div>
|
|
148
|
-
|
|
149
|
-
|
|
157
|
+
const elem = <App />;
|
|
150
|
-
|
|
151
|
-
<p>入力された文字<span>{ changeText.mes }</span></p>
|
|
152
|
-
|
|
153
|
-
</div>
|
|
154
|
-
|
|
155
|
-
);
|
|
156
158
|
|
|
157
159
|
//レンダリング処理
|
|
158
160
|
|
|
@@ -165,8 +167,6 @@
|
|
|
165
167
|
);
|
|
166
168
|
|
|
167
169
|
</script>
|
|
168
|
-
|
|
169
|
-
|
|
170
170
|
|
|
171
171
|
</head>
|
|
172
172
|
|