質問編集履歴

2

間違った文章を変更しました

2018/07/17 03:00

投稿

k10a
k10a

スコア35

test CHANGED
File without changes
test CHANGED
@@ -52,7 +52,7 @@
52
52
 
53
53
  chosen: false,
54
54
 
55
- cart: 0
55
+ quantity: 0
56
56
 
57
57
  },
58
58
 
@@ -64,7 +64,7 @@
64
64
 
65
65
  chosen: false,
66
66
 
67
- cart: 0
67
+ quantity: 0
68
68
 
69
69
  }
70
70
 
@@ -180,7 +180,7 @@
180
180
 
181
181
  <button onClick={handleAdd(item.id) />
182
182
 
183
- <p>{item.cart}個購入します</p>
183
+ <p>{item.quantity}個購入します</p>
184
184
 
185
185
  );
186
186
 

1

Select.jsを更新しました。

2018/07/17 03:00

投稿

k10a
k10a

スコア35

test CHANGED
File without changes
test CHANGED
@@ -78,17 +78,23 @@
78
78
 
79
79
  _handleAdd = id => event => {
80
80
 
81
- const items = [...this.state.items];
81
+ this.setState((prevState, props) => ({
82
82
 
83
+ items: prevState.items.map(prevItem => {
84
+
85
+ if(prevItem.id !== id) return prevItem;
86
+
83
- const item = items.find(item => item.id === id);
87
+ const quantity = prevItem.quantity + 1;
88
+
89
+ return { quantity, ...prevItem };
90
+
91
+ })
92
+
93
+ }));
84
94
 
85
95
 
86
96
 
87
- const addCart = item.quantity + 1;
97
+ console.log('state: ', this.state);
88
-
89
- item.percent = addCart;
90
-
91
-
92
98
 
93
99
  }
94
100