質問編集履歴

6

修正

2020/03/31 05:26

投稿

satodesu
satodesu

スコア38

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

編集

2020/03/31 05:26

投稿

satodesu
satodesu

スコア38

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

編集

2020/03/30 14:12

投稿

satodesu
satodesu

スコア38

test CHANGED
File without changes
test CHANGED
@@ -100,4 +100,4 @@
100
100
 
101
101
 
102
102
 
103
- 追記 switchコンポーネントはマテリアルUIを使っています
103
+ 追記 switchコンポーネントはマテリアルUIを使っています

3

修正

2020/03/30 13:34

投稿

satodesu
satodesu

スコア38

test CHANGED
File without changes
test CHANGED
@@ -97,3 +97,7 @@
97
97
  />
98
98
 
99
99
  ```
100
+
101
+
102
+
103
+ 追記 switchコンポーネントはマテリアルUIを使っています

2

編集

2020/03/30 06:10

投稿

satodesu
satodesu

スコア38

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

修正

2020/03/29 16:11

投稿

satodesu
satodesu

スコア38

test CHANGED
File without changes
test CHANGED
@@ -4,7 +4,7 @@
4
4
 
5
5
  switchでon/offを切り替えた時にonChange関数が呼ばれます。
6
6
 
7
- Axiosをデータの保存に成功した時にstateの値を書き変えて画面上でswitchをON/OFF切り替えたいのですが
7
+ データの保存に成功した時にstateの値を書き変えて画面上でswitchをON/OFF切り替えたいのですが
8
8
 
9
9
  stateの値は書き換わっているのに画面上ではswitchは切り替わっていなく、リロードをすれば切り替わっています。
10
10