1494a50123
* fix: restructure certifications guide articles * fix: added 3 dashes line before prob expl * fix: added 3 dashes line before hints * fix: added 3 dashes line before solutions
38 lines
622 B
Markdown
38 lines
622 B
Markdown
---
|
|
title: Use Default Props
|
|
---
|
|
# Use Default Props
|
|
|
|
---
|
|
## Problem Explanation
|
|
This challenge has you declaring a default prop for the ShoppingCart component
|
|
|
|
```javascript
|
|
const ShoppingCart = props => {
|
|
return (
|
|
<div>
|
|
<h1>Shopping Cart Component</h1>
|
|
</div>
|
|
);
|
|
};
|
|
```
|
|
|
|
To declare a default prop, the syntax to be followed is
|
|
|
|
```
|
|
itemName.defaultProps = {
|
|
prop-x: value,
|
|
prop-y: value
|
|
}
|
|
```
|
|
|
|
Following the Syntax, the following code should be declared below the given code
|
|
|
|
```javascript
|
|
ShoppingCart.defaultProps = {
|
|
items: 0
|
|
};
|
|
```
|
|
|
|
This declares a prop named 'items' with the value of '0' .
|