質問編集履歴
6
文章訂正
title
CHANGED
|
@@ -1,1 +1,1 @@
|
|
|
1
|
-
|
|
1
|
+
『TypeError: Cannot read properties of undefined (reading 'filter')』 エラーを改善したい
|
body
CHANGED
|
File without changes
|
5
文章訂正
title
CHANGED
|
@@ -1,1 +1,1 @@
|
|
|
1
|
-
【React】
|
|
1
|
+
【React】『TypeError: Cannot read properties of undefined (reading 'filter')』 エラーを改善したい
|
body
CHANGED
|
File without changes
|
4
文章訂正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
**ReactでMaterial-UI を使用して、Web フォームを作成しています。**
|
|
2
|
-
|
|
2
|
+
|
|
3
3
|
『TypeError: Cannot read properties of undefined (reading 'filter')』 src/components/Questionnaire.js:24
|
|
4
4
|
21 | <div>
|
|
5
5
|
22 | <p>Questionnaire</p>
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
25 | {answers
|
|
9
9
|
26 | .filter((_, i) => i === 0 || answers[i - 1])
|
|
10
10
|
27 | .map((answer, i) => (
|
|
11
|
-
|
|
11
|
+
|
|
12
12
|
というエラーの表示が出て、どのように実装したら良いかわからない状況で、詰まっています。 何方かアドバイスをお願いします。
|
|
13
13
|
**期待する動作**
|
|
14
14
|
『TypeError: Cannot read properties of undefined (reading 'filter')』 src/components/Questionnaire.js:24を改善したい
|
3
文章訂正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
**ReactでMaterial-UI を使用して、Web フォームを作成しています。**
|
|
2
|
+
```
|
|
2
3
|
『TypeError: Cannot read properties of undefined (reading 'filter')』 src/components/Questionnaire.js:24
|
|
3
4
|
21 | <div>
|
|
4
5
|
22 | <p>Questionnaire</p>
|
|
@@ -7,6 +8,7 @@
|
|
|
7
8
|
25 | {answers
|
|
8
9
|
26 | .filter((_, i) => i === 0 || answers[i - 1])
|
|
9
10
|
27 | .map((answer, i) => (
|
|
11
|
+
```
|
|
10
12
|
というエラーの表示が出て、どのように実装したら良いかわからない状況で、詰まっています。 何方かアドバイスをお願いします。
|
|
11
13
|
**期待する動作**
|
|
12
14
|
『TypeError: Cannot read properties of undefined (reading 'filter')』 src/components/Questionnaire.js:24を改善したい
|
2
文章訂正
title
CHANGED
|
@@ -1,1 +1,1 @@
|
|
|
1
|
-
【React】
|
|
1
|
+
【React】アンケート画面に表示されるエラーを改善したい
|
body
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
**ReactでMaterial-UI を使用して、Web フォームを作成しています。
|
|
1
|
+
**ReactでMaterial-UI を使用して、Web フォームを作成しています。**
|
|
2
2
|
『TypeError: Cannot read properties of undefined (reading 'filter')』 src/components/Questionnaire.js:24
|
|
3
3
|
21 | <div>
|
|
4
4
|
22 | <p>Questionnaire</p>
|
|
@@ -9,8 +9,7 @@
|
|
|
9
9
|
27 | .map((answer, i) => (
|
|
10
10
|
というエラーの表示が出て、どのように実装したら良いかわからない状況で、詰まっています。 何方かアドバイスをお願いします。
|
|
11
11
|
**期待する動作**
|
|
12
|
-
|
|
12
|
+
『TypeError: Cannot read properties of undefined (reading 'filter')』 src/components/Questionnaire.js:24を改善したい
|
|
13
|
-
②基本情報入力及び質問の回答を確認画面に表示させたい
|
|
14
13
|
**問題解決のため行ったこと**
|
|
15
14
|
useContextを使用して、Confirm.js に基本情報入力及び質問の回答を確認画面に表示するように実装したら、エラーが出た。
|
|
16
15
|
|
1
文章訂正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
①『TypeError: Cannot read properties of undefined (reading 'filter')』 src/components/Questionnaire.js:24を改善したい
|
|
13
13
|
②基本情報入力及び質問の回答を確認画面に表示させたい
|
|
14
14
|
**問題解決のため行ったこと**
|
|
15
|
-
useContextを使用して、基本情報入力及び質問の回答を確認画面に表示するように実装したら、エラーが出た。
|
|
15
|
+
useContextを使用して、Confirm.js に基本情報入力及び質問の回答を確認画面に表示するように実装したら、エラーが出た。
|
|
16
16
|
|
|
17
17
|
**App.js**
|
|
18
18
|
|
|
@@ -245,6 +245,40 @@
|
|
|
245
245
|
};
|
|
246
246
|
export default Questionnaire;
|
|
247
247
|
```
|
|
248
|
+
**src / components / Optional.js**
|
|
249
|
+
```
|
|
250
|
+
import React from "react";
|
|
251
|
+
import { Grid } from "@mui/material";
|
|
252
|
+
import Tooltip from "@mui/material/Tooltip";
|
|
253
|
+
import TextField from "@mui/material/TextField";
|
|
254
|
+
|
|
255
|
+
const Optional = () => {
|
|
256
|
+
return (
|
|
257
|
+
<div>
|
|
258
|
+
<p>Optional</p>
|
|
259
|
+
|
|
260
|
+
<Grid container>
|
|
261
|
+
<Grid sm={2} />
|
|
262
|
+
<Grid lg={8} sm={8} spacing={10}>
|
|
263
|
+
<Tooltip title="ご相談内容を記入することができます" placement="top-start" arrow>
|
|
264
|
+
<TextField
|
|
265
|
+
label="ご相談内容"
|
|
266
|
+
fullWidth
|
|
267
|
+
margin="normal"
|
|
268
|
+
rows={4}
|
|
269
|
+
multiline
|
|
270
|
+
variant="outlined"
|
|
271
|
+
placeholder="その他ご要望等あれば、ご記入ください"
|
|
272
|
+
/>
|
|
273
|
+
</Tooltip>
|
|
274
|
+
</Grid>
|
|
275
|
+
</Grid>
|
|
276
|
+
</div>
|
|
277
|
+
);
|
|
278
|
+
};
|
|
279
|
+
export default Optional;
|
|
280
|
+
```
|
|
281
|
+
|
|
248
282
|
**src / components / Confirm.js**
|
|
249
283
|
```
|
|
250
284
|
import React from "react";
|