質問編集履歴
2
少し変更した部分を追記しました。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -20,6 +20,17 @@
|
|
|
20
20
|
```
|
|
21
21
|
としてみたのですが、すると、商品一覧を表示させようとした時に map が使用できませんとエラーになってしまいました。
|
|
22
22
|
|
|
23
|
+
【追記】
|
|
24
|
+
どうやら私が求めていたaddedItemsの[]は、itemsの中にあったようです。
|
|
25
|
+
stateの構造としては、
|
|
26
|
+
|
|
27
|
+
items
|
|
28
|
+
┗items: [...]
|
|
29
|
+
┗addedItems:[]
|
|
30
|
+
┗total: 0
|
|
31
|
+
|
|
32
|
+
となっていて、mapは、this.props.items.items.slice(0, 20).mapでアクセスできました。ですが、itemsにくるませるのではなく、3つのstateは何にもくるまれない状態にしたいです。
|
|
33
|
+
|
|
23
34
|
```
|
|
24
35
|
Action Creator
|
|
25
36
|
|
1
JSONデータを追加しました。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -176,4 +176,47 @@
|
|
|
176
176
|
// export default Cart;
|
|
177
177
|
```
|
|
178
178
|
|
|
179
|
+
```
|
|
180
|
+
data.json
|
|
181
|
+
|
|
182
|
+
[
|
|
183
|
+
{
|
|
184
|
+
"id": 201,
|
|
185
|
+
"name": "Nulla",
|
|
186
|
+
"price": 207,
|
|
187
|
+
"subCategoryId": 101,
|
|
188
|
+
"categoryId": 1,
|
|
189
|
+
"rate": 2.44,
|
|
190
|
+
"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.",
|
|
191
|
+
"review": 78,
|
|
192
|
+
"typeVariant": "D",
|
|
193
|
+
"colorVariant": "5",
|
|
194
|
+
"imageUrl": "https://placeholdit.imgix.net/~text?txtsize=55&txt=137x945&w=137&h=945"
|
|
195
|
+
},{
|
|
196
|
+
"id": 202,
|
|
197
|
+
"name": "Corporis",
|
|
198
|
+
"price": 271,
|
|
199
|
+
"subCategoryId": 101,
|
|
200
|
+
"categoryId": 1,
|
|
201
|
+
"rate": 2.18,
|
|
202
|
+
"content": "Nam incidunt blanditiis odio inventore. Nobis voluptatum quibusdam laboriosam a numquam. Delectus sequi ipsa possimus ratione repellendus quibusdam. Molestiae fuga laudantium natus dolorem.",
|
|
203
|
+
"review": 67,
|
|
204
|
+
"typeVariant": "A",
|
|
205
|
+
"colorVariant": "4",
|
|
206
|
+
"imageUrl": "https://dummyimage.com/931x785"
|
|
207
|
+
},{
|
|
208
|
+
"id": 203,
|
|
209
|
+
"name": "Minus",
|
|
210
|
+
"price": 295,
|
|
211
|
+
"subCategoryId": 101,
|
|
212
|
+
"categoryId": 1,
|
|
213
|
+
"rate": 0.91,
|
|
214
|
+
"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.",
|
|
215
|
+
"review": 116,
|
|
216
|
+
"typeVariant": "E",
|
|
217
|
+
"colorVariant": "2",
|
|
218
|
+
"imageUrl": "https://dummyimage.com/556x985"
|
|
219
|
+
}
|
|
220
|
+
]
|
|
221
|
+
```
|
|
179
222
|
どのように解決したらいいか、アドバイスをいただければ幸いです。
|