freeCodeCamp/guide/english/certifications/front-end-libraries/react/use-default-props/index.md

---
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' .