Use PropTypes to Define the Props You Expect - Not Passing

JavaScript
1

Tell us what’s happening:
good morning smart people, what is wrong with the below code why is it not passing?

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= {
  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 />
  }
};

Your browser information:

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

Link to the challenge:

2

Make this into one line instead of two lines.

3

Ok it worked now, but why?

4

Probably because the tests are using regexes that expect the definition to be on one line. Your code is correct, the tests just don’t handle multi-line constructs well.

2 Likes