Use PropTypes to Define the Props You Expect-help

Tell us what’s happening:

I’m unable to understand what needs to be corrected further. Please help.
This is the output.
Output:
// running tests
The ShoppingCart component should render.
The Items component should render.
// tests completed
// console output
Uncaught ReferenceError: require is not defined
Uncaught ReferenceError: require is not defined

Your code so far


import React from 'react';
import PropTypes from 'prop-types';

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

// Change code below this line
Items.propTypes={ quantity: 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={10}/>
}
};
ReactDOM.render(<ShoppingCart/>, document.getElementById('challenge-node'))

Your browser information:

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

Challenge: Use PropTypes to Define the Props You Expect

Link to the challenge:

Remove the import lines that you added and only change code between the “change code above/below” comments.

1 Like