質問編集履歴

4

変更

2021/12/24 15:23

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -13,79 +13,3 @@
13
13
  現状falseの時はチェックがついている状態。クリックしても動かないようにしています。
14
14
 
15
15
  trueの場合のみチェックが押せ、falseに変更することができています。
16
-
17
-
18
-
19
-
20
-
21
- ```ここに言語を入力
22
-
23
-
24
-
25
- type Props = {user?: User};
26
-
27
-
28
-
29
- type State = {archived: boolean};
30
-
31
-
32
-
33
- export const UserForm: FC<Props> = ({ user, onSubmit}) => {
34
-
35
- const [state, setState] = useState<State>({
36
-
37
- archived: user?.archived || false
38
-
39
- });
40
-
41
- return(
42
-
43
- <Stack
44
-
45
- component='form'
46
-
47
- onSubmit={async (e: FormEvent) => {
48
-
49
- e.preventDefault();
50
-
51
- await onSubmit({
52
-
53
- archived: state.archived,
54
-
55
- });
56
-
57
- }}
58
-
59
- >
60
-
61
- <FormControlLabel
62
-
63
- label='一覧に戻す'
64
-
65
-     control={
66
-
67
- <Checkbox
68
-
69
- checked={!state.archived}
70
-
71
- onChange={e =>
72
-
73
- setState({
74
-
75
- ...state,
76
-
77
- archived: false,
78
-
79
- })
80
-
81
- }
82
-
83
- />
84
-
85
- }
86
-
87
- />
88
-
89
- }
90
-
91
- ```

3

追記

2021/12/24 15:23

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -40,6 +40,24 @@
40
40
 
41
41
  return(
42
42
 
43
+ <Stack
44
+
45
+ component='form'
46
+
47
+ onSubmit={async (e: FormEvent) => {
48
+
49
+ e.preventDefault();
50
+
51
+ await onSubmit({
52
+
53
+ archived: state.archived,
54
+
55
+ });
56
+
57
+ }}
58
+
59
+ >
60
+
43
61
  <FormControlLabel
44
62
 
45
63
  label='一覧に戻す'

2

変更

2021/12/24 08:12

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -44,8 +44,6 @@
44
44
 
45
45
  label='一覧に戻す'
46
46
 
47
- value={!state.archived}
48
-
49
47
      control={
50
48
 
51
49
  <Checkbox

1

追記

2021/12/24 07:08

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -7,6 +7,12 @@
7
7
 
8
8
 
9
9
  必要そうなところのみ抜いて記載しています。他に必要な部分があれば言ってください。よろしくお願いします。
10
+
11
+ そもそものreturn文が間違っているかもしれません。
12
+
13
+ 現状falseの時はチェックがついている状態。クリックしても動かないようにしています。
14
+
15
+ trueの場合のみチェックが押せ、falseに変更することができています。
10
16
 
11
17
 
12
18
 
@@ -36,7 +42,7 @@
36
42
 
37
43
  <FormControlLabel
38
44
 
39
- label='戻す'
45
+ label='一覧に戻す'
40
46
 
41
47
  value={!state.archived}
42
48