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

title

title
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