The Items component should include a propTypes check to require a value for quantity and ensure that its value is a number.

JavaScript
1

Tell us what’s happening:
Describe your issue in detail here.

  **Your code so far**



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

// Change code below this line

Items.PropTypes={quantiy:PropTypes.number.isRequired};
// Change code above this line

Items.defaultProps = {
quantity: 0
};


class ShoppingCart extends React.Component {
constructor(props) {
  super(props);
}
render() {
  return <Items quantity={19}/>
}
};

  **Your browser information:**

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

Challenge: Use PropTypes to Define the Props You Expect

Link to the challenge:

2

Hi @nareshsharma607 !

Welcome to the forum!

You have two issues.

No.1:
The is supposed to be lowercase p here

Just like in the example they showed you.

No.2:
You have a spelling error here.

Once you fix those errors then the test will pass.

1 Like
3

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.