freeCodeCamp Challenge Guide: Override Default Props

Guide
1

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) 
const Items = (props) => {
  return <h1>Current Quantity of Items in Cart: {props.quantity}</h1>
}

Items.defaultProps = {
  quantity: 0
}

class ShoppingCart extends React.Component {
  constructor(props) {
    super(props);
  }
  render() {
    { /* Change code below this line */ }
    return <Items quantity={10}/>
    { /* Change code above this line */ }
  }
}
20 Likes