How to solve React: Override Default Props challenge?

JavaScript
1

Tell us what’s happening:

I cannot solve this:
The Items component should have a prop of { quantity: 10 } passed from the ShoppingCart component.

I’ve changed <Items quantity={10} /> but it didn’t work…

Your code so far


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 */ }

<Items quantity={10} />    
return <Items />

  { /* change code above this line */ }
}
};

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/83.0.4103.61 Safari/537.36.

Challenge: Override Default Props

Link to the challenge:

2

You should just add quantity={10} to the <Items /> component that is already there.

// Not like this
<Items quantity={10} />
return <Items />

// Like this
return <Items quantity={10} />
1 Like
3

It is working! Thanks a lot!