質問編集履歴

1

form.jsxとAll.jsxを編集しました。

2021/04/11 15:00

投稿

yanatoritakuma
yanatoritakuma

スコア1

test CHANGED
File without changes
test CHANGED
@@ -120,22 +120,24 @@
120
120
 
121
121
  <SForm>
122
122
 
123
+ <div>
124
+
123
125
  <label>店名</label>
124
126
 
125
- <input placeholder="店名" onChange={(e) => {setSendData({ ...allState, name: e.target.value })}}/>
127
+ <input placeholder="店名" name="name" onChange={(e) => {setSendData({ ...allState, name: e.target.value })}}/>
126
-
127
- {/* <input placeholder="店名" onChange={onChangeTodo} value={sendData.name} /> */}
128
128
 
129
129
  <label>電話番号</label>
130
130
 
131
- <input placeholder="電話番号" onChange={(e) => {setSendData({ ...allState, tel: e.target.value })}}/>
131
+ <input placeholder="電話番号" name="tel" onChange={(e) => {setSendData({ ...allState, tel: e.target.value })}}/>
132
132
 
133
133
  <label>メモ</label>
134
134
 
135
- <textarea placeholder="メモ" onChange={(e) => {setSendData({ ...allState, detail: e.target.value })}}/>
135
+ <textarea placeholder="メモ" name="detail" onChange={(e) => {setSendData({ ...allState, detail: e.target.value })}}/>
136
136
 
137
137
  <button type="button" onClick={() => onClickAdd() }>登録</button>
138
138
 
139
+ </div>
140
+
139
141
  </SForm>
140
142
 
141
143
  <Footer />
@@ -300,11 +302,11 @@
300
302
 
301
303
  <img src={testimg} />
302
304
 
303
- <h3>{todo.name}</h3>
305
+ <h3>{this.state.name}</h3>
304
-
306
+
305
- <p>{todo.tel}</p>
307
+ <p>{this.state.tel}</p>
306
-
308
+
307
- <p>{todo.detail}</p>
309
+ <p>{this.state.detail}</p>
308
310
 
309
311
  </SLi>
310
312