質問編集履歴
6
修正
test
CHANGED
File without changes
|
test
CHANGED
@@ -10,7 +10,7 @@
|
|
10
10
|
|
11
11
|
|
12
12
|
|
13
|
-
⑴の関数にしてみたところ画面上でもON/OFF切り替えることはできますが⑵だとリロードしないとON/OFFが切り替わりません
|
13
|
+
⑴の関数にしてみたところ画面上でもON/OFF切り替えることはできますが⑵だとリロードしないとON/OFFが切り替わりません。
|
14
14
|
|
15
15
|
どうしてなのでしょうか?
|
16
16
|
|
5
編集
test
CHANGED
File without changes
|
test
CHANGED
@@ -10,7 +10,7 @@
|
|
10
10
|
|
11
11
|
|
12
12
|
|
13
|
-
⑴の関数にしてみたところ画面上でもON/OFF切り替えることはできますが⑵だとリロードしないとON/OFFが切り替わりません
|
13
|
+
⑴の関数にしてみたところ画面上でもON/OFF切り替えることはできますが⑵だとリロードしないとON/OFFが切り替わりません
|
14
14
|
|
15
15
|
どうしてなのでしょうか?
|
16
16
|
|
4
編集
test
CHANGED
File without changes
|
test
CHANGED
@@ -100,4 +100,4 @@
|
|
100
100
|
|
101
101
|
|
102
102
|
|
103
|
-
追記 switchコンポーネントはマテリアルUIを使っています
|
103
|
+
追記 switchコンポーネントはマテリアルUIを使っています。
|
3
修正
test
CHANGED
File without changes
|
test
CHANGED
@@ -97,3 +97,7 @@
|
|
97
97
|
/>
|
98
98
|
|
99
99
|
```
|
100
|
+
|
101
|
+
|
102
|
+
|
103
|
+
追記 switchコンポーネントはマテリアルUIを使っています
|
2
編集
test
CHANGED
File without changes
|
test
CHANGED
@@ -40,6 +40,32 @@
|
|
40
40
|
|
41
41
|
// これだとswitchが切り替わらない
|
42
42
|
|
43
|
+
|
44
|
+
|
45
|
+
const Required = window.gon.switch;
|
46
|
+
|
47
|
+
|
48
|
+
|
49
|
+
interface IState {
|
50
|
+
|
51
|
+
switch: boolean;
|
52
|
+
|
53
|
+
message: string;
|
54
|
+
|
55
|
+
}
|
56
|
+
|
57
|
+
|
58
|
+
|
59
|
+
const index:FC = () => {
|
60
|
+
|
61
|
+
const [state, setState] = useState<IState>({
|
62
|
+
|
63
|
+
switch: Required,
|
64
|
+
|
65
|
+
message: ''
|
66
|
+
|
67
|
+
});
|
68
|
+
|
43
69
|
const onChange = () => {
|
44
70
|
|
45
71
|
Axios.post('/user', toJsonBody({
|
1
修正
test
CHANGED
File without changes
|
test
CHANGED
@@ -4,7 +4,7 @@
|
|
4
4
|
|
5
5
|
switchでon/offを切り替えた時にonChange関数が呼ばれます。
|
6
6
|
|
7
|
-
|
7
|
+
データの保存に成功した時にstateの値を書き変えて画面上でswitchをON/OFF切り替えたいのですが
|
8
8
|
|
9
9
|
stateの値は書き換わっているのに画面上ではswitchは切り替わっていなく、リロードをすれば切り替わっています。
|
10
10
|
|