質問編集履歴
2
少し変更した部分を追記しました。
test
CHANGED
File without changes
|
test
CHANGED
@@ -42,6 +42,28 @@
|
|
42
42
|
|
43
43
|
|
44
44
|
|
45
|
+
【追記】
|
46
|
+
|
47
|
+
どうやら私が求めていたaddedItemsの[]は、itemsの中にあったようです。
|
48
|
+
|
49
|
+
stateの構造としては、
|
50
|
+
|
51
|
+
|
52
|
+
|
53
|
+
items
|
54
|
+
|
55
|
+
┗items: [...]
|
56
|
+
|
57
|
+
┗addedItems:[]
|
58
|
+
|
59
|
+
┗total: 0
|
60
|
+
|
61
|
+
|
62
|
+
|
63
|
+
となっていて、mapは、this.props.items.items.slice(0, 20).mapでアクセスできました。ですが、itemsにくるませるのではなく、3つのstateは何にもくるまれない状態にしたいです。
|
64
|
+
|
65
|
+
|
66
|
+
|
45
67
|
```
|
46
68
|
|
47
69
|
Action Creator
|
1
JSONデータを追加しました。
test
CHANGED
File without changes
|
test
CHANGED
@@ -354,4 +354,90 @@
|
|
354
354
|
|
355
355
|
|
356
356
|
|
357
|
+
```
|
358
|
+
|
359
|
+
data.json
|
360
|
+
|
361
|
+
|
362
|
+
|
363
|
+
[
|
364
|
+
|
365
|
+
{
|
366
|
+
|
367
|
+
"id": 201,
|
368
|
+
|
369
|
+
"name": "Nulla",
|
370
|
+
|
371
|
+
"price": 207,
|
372
|
+
|
373
|
+
"subCategoryId": 101,
|
374
|
+
|
375
|
+
"categoryId": 1,
|
376
|
+
|
377
|
+
"rate": 2.44,
|
378
|
+
|
379
|
+
"content": "Culpa sed tenetur incidunt quia veniam sed mollitia exercitationem. Laboriosam reprehenderit laborum pariatur ea rem qui inventore. In asperiores dignissimos temporibus et. Beatae consequatur corrupti nam praesentium.",
|
380
|
+
|
381
|
+
"review": 78,
|
382
|
+
|
383
|
+
"typeVariant": "D",
|
384
|
+
|
385
|
+
"colorVariant": "5",
|
386
|
+
|
387
|
+
"imageUrl": "https://placeholdit.imgix.net/~text?txtsize=55&txt=137x945&w=137&h=945"
|
388
|
+
|
389
|
+
},{
|
390
|
+
|
391
|
+
"id": 202,
|
392
|
+
|
393
|
+
"name": "Corporis",
|
394
|
+
|
395
|
+
"price": 271,
|
396
|
+
|
397
|
+
"subCategoryId": 101,
|
398
|
+
|
399
|
+
"categoryId": 1,
|
400
|
+
|
401
|
+
"rate": 2.18,
|
402
|
+
|
403
|
+
"content": "Nam incidunt blanditiis odio inventore. Nobis voluptatum quibusdam laboriosam a numquam. Delectus sequi ipsa possimus ratione repellendus quibusdam. Molestiae fuga laudantium natus dolorem.",
|
404
|
+
|
405
|
+
"review": 67,
|
406
|
+
|
407
|
+
"typeVariant": "A",
|
408
|
+
|
409
|
+
"colorVariant": "4",
|
410
|
+
|
411
|
+
"imageUrl": "https://dummyimage.com/931x785"
|
412
|
+
|
413
|
+
},{
|
414
|
+
|
415
|
+
"id": 203,
|
416
|
+
|
417
|
+
"name": "Minus",
|
418
|
+
|
419
|
+
"price": 295,
|
420
|
+
|
421
|
+
"subCategoryId": 101,
|
422
|
+
|
423
|
+
"categoryId": 1,
|
424
|
+
|
425
|
+
"rate": 0.91,
|
426
|
+
|
427
|
+
"content": "Quod reiciendis aspernatur ipsum cum debitis. Quisquam tempore doloremque quo ipsum ipsa tempora. Dignissimos qui ex ad facilis. Quo sequi recusandae eveniet autem ducimus nam.",
|
428
|
+
|
429
|
+
"review": 116,
|
430
|
+
|
431
|
+
"typeVariant": "E",
|
432
|
+
|
433
|
+
"colorVariant": "2",
|
434
|
+
|
435
|
+
"imageUrl": "https://dummyimage.com/556x985"
|
436
|
+
|
437
|
+
}
|
438
|
+
|
439
|
+
]
|
440
|
+
|
441
|
+
```
|
442
|
+
|
357
443
|
どのように解決したらいいか、アドバイスをいただければ幸いです。
|