Review Using Props with Stateless Functional Components NEED HELP!

Review Using Props with Stateless Functional Components NEED HELP!
0

#1

Tell us what’s happening:
I feel like my code isn’t being run but if it is I have no indication of what I am doing wrong. Can anyone see a syntax error? Or is there something I missed?

Your code so far


class CampSite extends React.Component {
  constructor(props) {
    super(props);
  }
  render() {
    return (
      <div>
        <Camper name="shane may"/>
      </div>
    );
  }
};
// change code below this line
class Camper extends React.Component
{
  construction(props)
  {
    super(props);
  }
  render()
  {
    return(
      <p>{this.props.name}</p>
    );
  }
}

Camper.defaultProps =
{
  name  : "CamperBot"
};

Camper.propTypes = 
{
  name  : PropTypes.string.isRequired
};

Your browser information:

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

Link to the challenge:
https://learn.freecodecamp.org/front-end-libraries/react/review-using-props-with-stateless-functional-components


#2

Check your browser’s console for error messages. You have some to resolve.


#3

I will give you another hint. Do you see anything wrong with the above code?