Ayuda no doy con este ejercicio, me da error

JavaScript
1

Tell us what’s happening:

  **Your code so far**


class CampSite extends React.Component {
constructor(props) {
  super(props);
}
render() {
  return (
    
    <div>
      <Camper />
    </div>
  );
}
};
// Change code below this line
class Camper extends React.Component {

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

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

Camper.propTypes = {
name: PropTypes.string.isRequired
};
  return(
    
    <div>
      <p>{Camper.name}</p>
    </div>
  )
}
}

  **Your browser information:**

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

Challenge: Review Using Props with Stateless Functional Components

Link to the challenge:

2

Hola.

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

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

Esto es correcto. :+1:

return(    
  <div>
    <p>{Camper.name}</p>
  </div>
)

Mueve esto al lugar correcto en render(){}.

Pero tienes que this.props en lugar de Camper.

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

Puede eliminar este.

1 Like
3

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