11. buy product then disabled buy button

ReactMaker · Jul 28, 2017 · 47730cd · 47730cd
1 parent 44c2438
commit 47730cd
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/src/containers/Home/components/Content.js b/src/containers/Home/components/Content.js
@@ -71,7 +71,13 @@ export default class Content extends Component {
                         </h4>
                       </CardSubtitle>
                       <CardText>{product.desc}</CardText>
-                      <Button color="secondary" onClick={() => this.addToCart(product)}>購買</Button>
+                      <Button
+                        disabled={cart.find(item => item.id === product.id)}
+                        color="secondary"
+                        onClick={() => this.addToCart(product)}
+                      >
+                        購買
+                      </Button>
                     </CardBlock>
                   </Card>
                 </Col>