回答編集履歴
2
テキスト修正
test
CHANGED
@@ -74,7 +74,7 @@
|
|
74
74
|
|
75
75
|
```
|
76
76
|
|
77
|
-
から、`<form />` を取り去り、かつ、ボタンをクリック
|
77
|
+
から、`<form />` を取り去り、かつ、ボタンをクリックしたときに`handleSubmit`が呼ばれるようにすればよいので、以下
|
78
78
|
|
79
79
|
|
80
80
|
|
1
テキスト修正
test
CHANGED
@@ -6,7 +6,15 @@
|
|
6
6
|
|
7
7
|
|
8
8
|
|
9
|
+
以下にて、修正する方法を2つ挙げます。
|
10
|
+
|
11
|
+
|
12
|
+
|
13
|
+
### (1) `<form />` がsubmitされたときのデフォルト動作を抑止
|
14
|
+
|
15
|
+
|
16
|
+
|
9
|
-
|
17
|
+
`New.jsx` で、handleSubmit の冒頭、
|
10
18
|
|
11
19
|
```javascript
|
12
20
|
|
@@ -32,7 +40,13 @@
|
|
32
40
|
|
33
41
|
```
|
34
42
|
|
35
|
-
のようにして、`<form />`がsubmitされたときのデフォルト動作を抑止す
|
43
|
+
のようにして、`<form />`がsubmitされたときのデフォルト動作を抑止します。
|
44
|
+
|
45
|
+
|
46
|
+
|
47
|
+
### (2) `<form />` を使わないようにする。
|
48
|
+
|
49
|
+
|
36
50
|
|
37
51
|
axios でリクエストを送るので `<form />` 自体が不要ですから、renderで返している以下の部分
|
38
52
|
|
@@ -84,7 +98,15 @@
|
|
84
98
|
|
85
99
|
|
86
100
|
|
101
|
+
のように修正します。
|
102
|
+
|
103
|
+
|
104
|
+
|
105
|
+
|
106
|
+
|
107
|
+
|
108
|
+
|
87
|
-
の
|
109
|
+
上記の(1)または(2)の修正によって、意図通りボタンをクリックしたときに、axiosからPOSTでリクエストが送られると思います。
|
88
110
|
|
89
111
|
|
90
112
|
|