freeCodeCamp Challenge Guide: Use Default Props

Guide
1

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

21 Likes