質問編集履歴
2
文法の修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -10,11 +10,11 @@
|
|
|
10
10
|
|
|
11
11
|
最初は逐一stateにいれていくようにしたのですが、reactの非同期処理をmap内で扱うとエラーがでました。
|
|
12
12
|
|
|
13
|
-
|
|
13
|
+
ググってみるとまずは同期処理で小計を得てその後にstateにいれるとよいとありました。
|
|
14
14
|
|
|
15
15
|
|
|
16
16
|
|
|
17
|
-
|
|
17
|
+
以下のようにしましたが、途中まできちんと合計されていくのですが、ループ終了後値をみると0になっています。
|
|
18
18
|
|
|
19
19
|
スコープの問題なのでしょうか、ではどこでこの値を取得すればよいのでしょうか。
|
|
20
20
|
|
|
@@ -68,6 +68,8 @@
|
|
|
68
68
|
|
|
69
69
|
|
|
70
70
|
|
|
71
|
+
|
|
72
|
+
|
|
71
73
|
function Item(props) {
|
|
72
74
|
|
|
73
75
|
const {updateSubtotal} = props
|
1
背景をわかりやすくした
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
商品の一覧表を表示するReactの関数型コンポーネントを
|
|
1
|
+
ショッピングカートにある商品の一覧表を表示するため、Reactの関数型コンポーネントをつかってみました。
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
商品（item）の価格(item#price)の合計も同時に取得したいので、
|
|
6
6
|
|
|
7
|
-
mapでItemsをループで表示し、
|
|
7
|
+
mapでItemsをループで表示し、関数で合計値を計算するようにしました。
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
|
|
@@ -14,9 +14,7 @@
|
|
|
14
14
|
|
|
15
15
|
|
|
16
16
|
|
|
17
|
-
そして以下のように通常の関数でくんでみましたが、
|
|
18
|
-
|
|
19
|
-
途中まできちんと合計されていくのですが、ループ終了後値をみると0になっています。
|
|
17
|
+
通常の関数でくんでみましたが、途中まできちんと合計されていくのですが、ループ終了後値をみると0になっています。
|
|
20
18
|
|
|
21
19
|
スコープの問題なのでしょうか、ではどこでこの値を取得すればよいのでしょうか。
|
|
22
20
|
|