回答編集履歴
2
class -> className
test
CHANGED
|
@@ -196,13 +196,13 @@
|
|
|
196
196
|
|
|
197
197
|
return (
|
|
198
198
|
|
|
199
|
-
<div class='card'>
|
|
199
|
+
<div className='card'>
|
|
200
|
-
|
|
200
|
+
|
|
201
|
-
<div class='card-name'>{props.spot.name}</div>
|
|
201
|
+
<div className='card-name'>{props.spot.name}</div>
|
|
202
|
-
|
|
202
|
+
|
|
203
|
-
<div class='card-title'>{props.spot.title}</div>
|
|
203
|
+
<div className='card-title'>{props.spot.title}</div>
|
|
204
|
-
|
|
204
|
+
|
|
205
|
-
<div class='card-area'>{props.spot.area}</div>
|
|
205
|
+
<div className='card-area'>{props.spot.area}</div>
|
|
206
206
|
|
|
207
207
|
</div>
|
|
208
208
|
|
|
@@ -274,13 +274,13 @@
|
|
|
274
274
|
|
|
275
275
|
return (
|
|
276
276
|
|
|
277
|
-
<div class='card'>
|
|
277
|
+
<div className='card'>
|
|
278
|
-
|
|
278
|
+
|
|
279
|
-
<div class='card-name'>{spot.name}</div>
|
|
279
|
+
<div className='card-name'>{spot.name}</div>
|
|
280
|
-
|
|
280
|
+
|
|
281
|
-
<div class='card-title'>{spot.title}</div>
|
|
281
|
+
<div className='card-title'>{spot.title}</div>
|
|
282
|
-
|
|
282
|
+
|
|
283
|
-
<div class='card-area'>{spot.area}</div>
|
|
283
|
+
<div className='card-area'>{spot.area}</div>
|
|
284
284
|
|
|
285
285
|
</div>
|
|
286
286
|
|
1
追記
test
CHANGED
|
@@ -296,7 +296,7 @@
|
|
|
296
296
|
|
|
297
297
|
|
|
298
298
|
|
|
299
|
-
そして、SpotCard を使う側では、複数の場所のデータを配列で持って、それらを map を使って表示することになるでしょうね。(SpotData の配列を表す変数名は複数形の spots、一つの SpotData は spot という単数形なことに注意。)
|
|
299
|
+
そして、SpotCard を使う側では、複数の場所のデータを配列で持って、それらを map を使って表示することになるでしょうね。(SpotData の配列を表す変数名は複数形の spots、一つの SpotData は spot という単数形なことに注意。紛らわしければ spots の代わりに spotArray とかにしても良いでしょう。)
|
|
300
300
|
|
|
301
301
|
|
|
302
302
|
|