Https://www.freecodecamp.org/learn/front-end-libraries/react/review-using-props-with-stateless-functional-components

JavaScript
#1

Hi,

Can someone please help me out, I am trying to complete this challenge which looks like a pretty simple one.
The problem message I am getting is this: The Camper component should contain a p element with only the text from the name prop.

Your code so far

  constructor(props) {
    super(props);
  }
  render() {
    return (
      <div>
        <Camper/>
      </div>
    );
  }
};
// change code below this line

const Camper = (props) =>
  <p>{props.name} </p>;

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

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

};

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/60.0.3112.113 Safari/537.36.

Challenge: Review Using Props with Stateless Functional Components

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

#2

Check the extra space in <p>{props.name} </p> :slight_smile:

#3

I just submitted the challenge again and it went through…not sure if I tackled the extra space, probably did :smiley: Thanks :slight_smile:

#4