freeCodeCamp Challenge Guide: Override Default Props

Override Default Props


Problem Explanation

This challenge has you override the default value of props quantity for the Items component. Where default value of quantity is set to 0.

const Items = (props) => {
  return <h1>Current Quantity of Items in Cart: {props.quantity}</h1>
}

Items.defaultProps = {
  quantity: 0
}

Hints

Hint 1

To override a default props value, the syntax to be followed is

<Component propsName={Value}/>

Solutions

Solution 1 (Click to Show/Hide)

Following the Syntax, the following code should be declared below the given code

<Items quantity={50}/>

This will override value 0 to 50

5 Likes