teratail
回答率
85.47%
質問するログイン新規登録
トップに関する質問React Typescript オブジェクトリテラルエラー解決できない

編集履歴

質問編集履歴

9

修正

2020/02/10 07:02

投稿

aaayyy
aaayyy

スコア54

test CHANGED
File without changes
test CHANGED
@@ -58,7 +58,7 @@
58
58
 
59
59
  Type '{text: string; isCheck: boolean; }' is not assignable to type 'Item[]'.
60
60
 
61
- Object literal may only specify known properties, and 'name' does not exist in type 'Item[]'.
61
+ Object literal may only specify known properties, and 'text' does not exist in type 'Item[]'.
62
62
 
63
63
 
64
64
 

8

編集

2020/02/10 07:02

投稿

aaayyy
aaayyy

スコア54

test CHANGED
File without changes
test CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  const newNames:Item = {
4
4
 
5
- text: string,
5
+ text:t,
6
6
 
7
7
  isCheck: false,
8
8
 
@@ -12,7 +12,7 @@
12
12
 
13
13
  const newNames:Item[] = {
14
14
 
15
- text: string,
15
+ text:t,
16
16
 
17
17
  isCheck: false,
18
18
 

7

編集

2020/02/10 07:00

投稿

aaayyy
aaayyy

スコア54

test CHANGED
File without changes
test CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  const newNames:Item = {
4
4
 
5
- name: name,
5
+ text: string,
6
6
 
7
7
  isCheck: false,
8
8
 
@@ -12,7 +12,7 @@
12
12
 
13
13
  const newNames:Item[] = {
14
14
 
15
- name: name,
15
+ text: string,
16
16
 
17
17
  isCheck: false,
18
18
 
@@ -24,7 +24,7 @@
24
24
 
25
25
  const newNames:Item[] = {
26
26
 
27
- name: name,
27
+ text: string,
28
28
 
29
29
  isCheck: false,
30
30
 
@@ -100,11 +100,11 @@
100
100
 
101
101
 
102
102
 
103
- const onSubmit = (text: string) => {
103
+ const onSubmit = (t: string) => {
104
104
 
105
105
  const newNames: Item = {
106
106
 
107
- name:text,
107
+ text:t,
108
108
 
109
109
  isCheck: false,
110
110
 

6

編集

2020/02/10 06:58

投稿

aaayyy
aaayyy

スコア54

test CHANGED
File without changes
test CHANGED
@@ -80,9 +80,9 @@
80
80
 
81
81
  interface NState {
82
82
 
83
- name: '';
83
+ name: string;
84
84
 
85
- names:[];
85
+ names:Item[];
86
86
 
87
87
  }
88
88
 

5

編集

2020/02/10 06:51

投稿

aaayyy
aaayyy

スコア54

test CHANGED
File without changes
test CHANGED
@@ -80,9 +80,9 @@
80
80
 
81
81
  interface NState {
82
82
 
83
- name: string;
83
+ name: '';
84
84
 
85
- names:Item[];
85
+ names:[];
86
86
 
87
87
  }
88
88
 

4

編集

2020/02/10 06:50

投稿

aaayyy
aaayyy

スコア54

test CHANGED
File without changes
test CHANGED
@@ -1,6 +1,6 @@
1
- setState({ ...state, ...{names: newNames}});が①のエラーになったので
1
+ setState({ ...state, ...{Item: newNames}});が①のエラーになったので
2
2
 
3
- const newNames: Names = {
3
+ const newNames:Item = {
4
4
 
5
5
  name: name,
6
6
 
@@ -10,7 +10,7 @@
10
10
 
11
11
  のNamesに[]をつけて
12
12
 
13
- const newNames: Names[] = {
13
+ const newNames:Item[] = {
14
14
 
15
15
  name: name,
16
16
 
@@ -18,11 +18,11 @@
18
18
 
19
19
  };
20
20
 
21
- に直したらsetState({ ...state, ...{names: newNames}});のエラーは消えたのですが下記(②)エラーが出てしまいました。
21
+ に直したらsetState({ ...state, ...{Item: newNames}});のエラーは消えたのですが下記(②)エラーが出てしまいました。
22
22
 
23
23
 
24
24
 
25
- const newNames: Names[] = {
25
+ const newNames:Item[] = {
26
26
 
27
27
  name: name,
28
28
 
@@ -36,13 +36,13 @@
36
36
 
37
37
  ①
38
38
 
39
- Argument of type '{ names: names; name: string; }' is not assignable to parameter of type 'SetStateAction<State>'.
39
+ Argument of type '{ names:Item; name: string; }' is not assignable to parameter of type 'SetStateAction<State>'.
40
40
 
41
- Type '{ names: names; ipAddress: string;}' is not assignable to type 'State'.
41
+ Type '{ names:Item; name: string;}' is not assignable to type 'State'.
42
42
 
43
43
  Types of property 'names' are incompatible.
44
44
 
45
- Type 'names' is missing the following properties from type 'names[]': length, pop, push, concat,
45
+ Type 'Item' is missing the following properties from type 'Item[]': length, pop, push, concat,
46
46
 
47
47
 
48
48
 
@@ -56,9 +56,9 @@
56
56
 
57
57
  ②
58
58
 
59
- Type '{ name: string; isCheck: boolean; }' is not assignable to type 'names[]'.
59
+ Type '{text: string; isCheck: boolean; }' is not assignable to type 'Item[]'.
60
60
 
61
- Object literal may only specify known properties, and 'name' does not exist in type 'names[]'.
61
+ Object literal may only specify known properties, and 'name' does not exist in type 'Item[]'.
62
62
 
63
63
 
64
64
 
@@ -68,9 +68,9 @@
68
68
 
69
69
  ```ここに言語を入力
70
70
 
71
- const type names= {
71
+ const type Item= {
72
72
 
73
- name: string
73
+ text: string
74
74
 
75
75
  isCheck: boolean
76
76
 
@@ -78,11 +78,11 @@
78
78
 
79
79
 
80
80
 
81
- interface State {
81
+ interface NState {
82
82
 
83
83
  name: string;
84
84
 
85
- names: names[];
85
+ names:Item[];
86
86
 
87
87
  }
88
88
 
@@ -90,7 +90,7 @@
90
90
 
91
91
  const Index:FC<Props> = () => {
92
92
 
93
- const [state, setState] = useState<State>({
93
+ const [state, setState] = useState<NState>({
94
94
 
95
95
  name: '',
96
96
 
@@ -100,11 +100,11 @@
100
100
 
101
101
 
102
102
 
103
- const onSubmit = (name: string) => {
103
+ const onSubmit = (text: string) => {
104
104
 
105
- const newNames: Names = {
105
+ const newNames: Item = {
106
106
 
107
- name: name,
107
+ name:text,
108
108
 
109
109
  isCheck: false,
110
110
 
@@ -112,6 +112,6 @@
112
112
 
113
113
 
114
114
 
115
- setState({ ...state, ...{names: newNames}});
115
+ setState({ ...state, ...{Item: newNames}});
116
116
 
117
117
  ```

3

編集

2020/02/10 06:35

投稿

aaayyy
aaayyy

スコア54

test CHANGED
@@ -1 +1 @@
1
- React Typescript 型エラー
1
+ React Typescript オブジェクトリテラルエラー解決できない
test CHANGED
File without changes

2

編集

2020/02/10 04:26

投稿

aaayyy
aaayyy

スコア54

test CHANGED
File without changes
test CHANGED
@@ -6,7 +6,31 @@
6
6
 
7
7
  isCheck: false,
8
8
 
9
+ };
10
+
9
- };のNamesに[]をつけて
11
+ のNamesに[]をつけて
12
+
13
+ const newNames: Names[] = {
14
+
15
+ name: name,
16
+
17
+ isCheck: false,
18
+
19
+ };
20
+
21
+ に直したらsetState({ ...state, ...{names: newNames}});のエラーは消えたのですが下記(②)エラーが出てしまいました。
22
+
23
+
24
+
25
+ const newNames: Names[] = {
26
+
27
+ name: name,
28
+
29
+ isCheck: false,
30
+
31
+ };のname:nameが②のエラーになりました。
32
+
33
+ 解決方法がわからず困っています。どうしたらいいでしょうか？
10
34
 
11
35
  ```
12
36
 
@@ -23,28 +47,6 @@
23
47
 
24
48
 
25
49
  ```
26
-
27
-
28
-
29
- const newNames: Names[] = {
30
-
31
- name: name,
32
-
33
- isCheck: false,
34
-
35
- };に直したらsetState({ ...state, ...{names: newNames}});のエラーは消えたのですが下記(②)エラーが出てしまいました。
36
-
37
-
38
-
39
- const newNames: Names[] = {
40
-
41
- name: name,
42
-
43
- isCheck: false,
44
-
45
- };のname:nameが②のエラーになりました。
46
-
47
- 解決方法がわからず困っています。どうしたらいいでしょうか？
48
50
 
49
51
 
50
52
 

1

編集

2020/02/10 04:25

投稿

aaayyy
aaayyy

スコア54

test CHANGED
File without changes
test CHANGED
@@ -8,31 +8,7 @@
8
8
 
9
9
  };のNamesに[]をつけて
10
10
 
11
-
12
-
13
- const newNames: Names[] = {
14
-
15
- name: name,
16
-
17
- isCheck: false,
18
-
19
- };にしたらsetState({ ...state, ...{names: newNames}});のエラーは消えたのですが
20
-
21
-
22
-
23
- const newNames: Names[] = {
24
-
25
- name: name,
26
-
27
- isCheck: false,
28
-
29
- };のname:nameが②のエラーになりました。
30
-
31
- 解決方法がわからず困っています。どうしたらいいでしょうか？
32
-
33
-
34
-
35
- ```ここに言語を入力
11
+ ```
36
12
 
37
13
  ①
38
14
 
@@ -47,6 +23,28 @@
47
23
 
48
24
 
49
25
  ```
26
+
27
+
28
+
29
+ const newNames: Names[] = {
30
+
31
+ name: name,
32
+
33
+ isCheck: false,
34
+
35
+ };に直したらsetState({ ...state, ...{names: newNames}});のエラーは消えたのですが下記(②)エラーが出てしまいました。
36
+
37
+
38
+
39
+ const newNames: Names[] = {
40
+
41
+ name: name,
42
+
43
+ isCheck: false,
44
+
45
+ };のname:nameが②のエラーになりました。
46
+
47
+ 解決方法がわからず困っています。どうしたらいいでしょうか？
50
48
 
51
49
 
52
50