質問編集履歴

1

エラーの箇所と異なりますが、{tokenの囲む箇所を変更しました。

2021/08/28 18:51

投稿

hiro_ike
hiro_ike

スコア48

test CHANGED
File without changes
test CHANGED
@@ -4,7 +4,7 @@
4
4
 
5
5
  ログインしたユーザートークンまたは特定のユーザーのみ閲覧できるようにしたいです。
6
6
 
7
- 下記で追加した箇所の JSXの書き方でエラーになります。
7
+ 下記で追加した箇所のエラーになります。
8
8
 
9
9
  修正のアドバイス頂けますと助かります。
10
10
 
@@ -14,11 +14,27 @@
14
14
 
15
15
  Uncaught Error: Module build failed (from ./node_modules/prettier-loader/prettier-loader.js):
16
16
 
17
- SyntaxError: Unterminated JSX contents (48:9)
17
+ SyntaxError: Unexpected token, expected "," (25:11)
18
+
19
+ 23 | <div>{token && loggedInUser === 'user2' ? ( //追加
20
+
21
+ 24 | /*ココまで追加*/
22
+
23
+ > 25 | {notes.map(note => {
24
+
25
+ | ^
26
+
27
+ 26 | return (
28
+
29
+ 27 | <li key={note._id}>
30
+
31
+ 28 |
18
32
 
19
33
 
20
34
 
35
+
36
+
21
- ```ここに言語を入力
37
+ ```React
22
38
 
23
39
  import React, { useState, useEffect } from 'react';
24
40
 
@@ -60,19 +76,13 @@
60
76
 
61
77
  <div className="NotePage" className="list-group">
62
78
 
79
+ <ul>
63
80
 
81
+ /*ココから追加*/
64
82
 
65
- <ul>
83
+ <div>{token && loggedInUser === 'user2' ? ( //追加
66
84
 
67
- /*ココから追加*/
68
-
69
- <div>{token && loggedInUser === 'user2' ? <></> : ''}</div>
70
-
71
- <>
72
-
73
-
74
-
75
- /*ココまで追加*/
85
+ /*ココまで追加*/
76
86
 
77
87
  {notes.map(note => {
78
88
 
@@ -96,8 +106,6 @@
96
106
 
97
107
  {note.noteBody}
98
108
 
99
- {note.timestamps}
100
-
101
109
  </p>
102
110
 
103
111
  </Link>
@@ -107,6 +115,12 @@
107
115
  );
108
116
 
109
117
  })}
118
+
119
+ /*ココから追加*/
120
+
121
+ <></> : ''}</div>  // 追加
122
+
123
+ /*ココまで追加*/
110
124
 
111
125
  </ul>
112
126