React - Use PropTypes to Define the Props You Expect

JavaScript
1

not able to render the shopping cmponent as well as item component:
Describe your issue in detail here.

Your code so far

import React from 'react';
const PropTypes = require('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/>
  }
};

ReactDOM.render(ShoppingCart,document.getElementById('root'))

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/117.0.0.0 Safari/537.36

Challenge: React - Use PropTypes to Define the Props You Expect

Link to the challenge:

2

Define propTypes for the Items component to require quantity as a prop and verify that it is of type number .

For this challenge, you should only modify code between the commented lines. You have done this, but you have also added other lines of code which are not required here (as this is taken care of for you behind the scenes).

If you remove import and require statements at the top, and the ReactDOM.render at the bottom, your code will pass.

3

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