I can't render the component. Help please

Dicci cosa sta succedendo

I can’t render the “Camper” component. I even tried “ReactDOM.render()” and “Camper.render()”, but it doesn’t work.
What should I do?

  **Il tuo codice fino ad ora**


class CampSite extends React.Component {
constructor(props) {
  super(props);
}
render() {
  return (
    <div>
      
    </div>
  );
}
};
// Modifica il codice sotto questa riga
const Camper = props => <p>{props.name}</p>;

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

Camper.propTypes = {
name: PropTypes.string.isRequired
};
ReactDOM.render(
<Camper name="CamperBot" />,
document.getElementById("Camper.propTypes")
);
  **Informazioni del tuo browser:**

Lo user agent è: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/101.0.4951.54 Safari/537.36

Sfida: Ripasso dell’uso delle Props con componenti funzionali senza stato

Link alla sfida:

hai cambiato questa parte, nel codice originale c’era il componente Camper nel metodo render di CampSite, e quella parte non deve essere modificata

codice originale:

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

The ReactDOM.render code is wrong as well. Not that the test cares.


render

ReactDOM.render(element, container[, callback])

For the challenge this would work, but the test already does this for you so there is no need for it.

ReactDOM.render(<CampSite />, document.getElementById("root"));
1 Like