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

title

title
Use Default Props

Use Default Props

---

Problem Explanation

This challenge has you declaring a default prop for the ShoppingCart component

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

ShoppingCart.defaultProps = {
  items: 0
};

This declares a prop named 'items' with the value of '0' .