質問編集履歴

6

文章訂正

2021/11/04 02:41

投稿

edu
edu

スコア35

test CHANGED
@@ -1 +1 @@
1
- 【React】『TypeError: Cannot read properties of undefined (reading 'filter')』 エラーを改善したい
1
+ 『TypeError: Cannot read properties of undefined (reading 'filter')』 エラーを改善したい
test CHANGED
File without changes

5

文章訂正

2021/11/04 02:41

投稿

edu
edu

スコア35

test CHANGED
@@ -1 +1 @@
1
- 【React】アンケート画面に表示されるエラーを改善したい
1
+ 【React】『TypeError: Cannot read properties of undefined (reading 'filter')』 エラーを改善したい
test CHANGED
File without changes

4

文章訂正

2021/11/04 01:25

投稿

edu
edu

スコア35

test CHANGED
File without changes
test CHANGED
@@ -1,6 +1,6 @@
1
1
  **ReactでMaterial-UI を使用して、Web フォームを作成しています。**
2
2
 
3
- ```
3
+
4
4
 
5
5
  『TypeError: Cannot read properties of undefined (reading 'filter')』  src/components/Questionnaire.js:24
6
6
 
@@ -18,7 +18,7 @@
18
18
 
19
19
  27 | .map((answer, i) => (
20
20
 
21
- ```
21
+
22
22
 
23
23
  というエラーの表示が出て、どのように実装したら良いかわからない状況で、詰まっています。 何方かアドバイスをお願いします。
24
24
 

3

文章訂正

2021/11/03 23:56

投稿

edu
edu

スコア35

test CHANGED
File without changes
test CHANGED
@@ -1,5 +1,7 @@
1
1
  **ReactでMaterial-UI を使用して、Web フォームを作成しています。**
2
2
 
3
+ ```
4
+
3
5
  『TypeError: Cannot read properties of undefined (reading 'filter')』  src/components/Questionnaire.js:24
4
6
 
5
7
  21 | <div>
@@ -16,6 +18,8 @@
16
18
 
17
19
  27 | .map((answer, i) => (
18
20
 
21
+ ```
22
+
19
23
  というエラーの表示が出て、どのように実装したら良いかわからない状況で、詰まっています。 何方かアドバイスをお願いします。
20
24
 
21
25
  **期待する動作**

2

文章訂正

2021/11/03 23:55

投稿

edu
edu

スコア35

test CHANGED
@@ -1 +1 @@
1
- 【React】基本情報入力及び質問の回答を確認画面に表示さたい
1
+ 【React】アンケート画面に表示されるエラーを改善したい
test CHANGED
@@ -1,4 +1,4 @@
1
- **ReactでMaterial-UI を使用して、Web フォームを作成しています。基本情報入力及び質問の回答を確認画面に表示させたいです。**
1
+ **ReactでMaterial-UI を使用して、Web フォームを作成しています。**
2
2
 
3
3
  『TypeError: Cannot read properties of undefined (reading 'filter')』  src/components/Questionnaire.js:24
4
4
 
@@ -20,9 +20,7 @@
20
20
 
21
21
  **期待する動作**
22
22
 
23
- 『TypeError: Cannot read properties of undefined (reading 'filter')』  src/components/Questionnaire.js:24を改善したい
23
+ 『TypeError: Cannot read properties of undefined (reading 'filter')』  src/components/Questionnaire.js:24を改善したい
24
-
25
- ②基本情報入力及び質問の回答を確認画面に表示させたい
26
24
 
27
25
  **問題解決のため行ったこと**
28
26
 

1

文章訂正

2021/11/03 23:44

投稿

edu
edu

スコア35

test CHANGED
File without changes
test CHANGED
@@ -26,7 +26,7 @@
26
26
 
27
27
  **問題解決のため行ったこと**
28
28
 
29
- useContextを使用して、基本情報入力及び質問の回答を確認画面に表示するように実装したら、エラーが出た。
29
+ useContextを使用して、Confirm.js に基本情報入力及び質問の回答を確認画面に表示するように実装したら、エラーが出た。
30
30
 
31
31
 
32
32
 
@@ -492,6 +492,74 @@
492
492
 
493
493
  ```
494
494
 
495
+ **src / components / Optional.js**
496
+
497
+ ```
498
+
499
+ import React from "react";
500
+
501
+ import { Grid } from "@mui/material";
502
+
503
+ import Tooltip from "@mui/material/Tooltip";
504
+
505
+ import TextField from "@mui/material/TextField";
506
+
507
+
508
+
509
+ const Optional = () => {
510
+
511
+ return (
512
+
513
+ <div>
514
+
515
+ <p>Optional</p>
516
+
517
+
518
+
519
+ <Grid container>
520
+
521
+ <Grid sm={2} />
522
+
523
+ <Grid lg={8} sm={8} spacing={10}>
524
+
525
+ <Tooltip title="ご相談内容を記入することができます" placement="top-start" arrow>
526
+
527
+ <TextField
528
+
529
+ label="ご相談内容"
530
+
531
+ fullWidth
532
+
533
+ margin="normal"
534
+
535
+ rows={4}
536
+
537
+ multiline
538
+
539
+ variant="outlined"
540
+
541
+ placeholder="その他ご要望等あれば、ご記入ください"
542
+
543
+ />
544
+
545
+ </Tooltip>
546
+
547
+ </Grid>
548
+
549
+ </Grid>
550
+
551
+ </div>
552
+
553
+ );
554
+
555
+ };
556
+
557
+ export default Optional;
558
+
559
+ ```
560
+
561
+
562
+
495
563
  **src / components / Confirm.js**
496
564
 
497
565
  ```