Erro no código . impossível

Tell us what’s happening:
Describe your issue in detail here.

  **Your code so far**

class TypesOfFood extends React.Component {
constructor(props) {
  super(props);
}
render() {
  return (
    <div>
      <h1>Types of Food:</h1>
      {/* Change code below this line */}
<fruits />
<vegetables />
      {/* Change code above this line */}
    </div>
  );
}
};
ReactDOM.render(<TypesOfFood />, document.getElementById('challenge-node'))
// Change code below this line
  **Your browser information:**

User Agent is: Mozilla/5.0 (Linux; Android 8.0.0; ASUS_Z012DC) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.114 Mobile Safari/537.36 OPR/64.2.3282.60128

Challenge: Render a Class Component to the DOM

Link to the challenge:

Hello there.

Do you have a question?

If so, please edit your post to include it in the Tell us what’s happening section.

Learning to describe problems is an important part of learning how to code.

Also, the more information you give us, the more likely we are to be able to help.

The React component names are capitalized.

Both the Fruits and Vegetables components are defined for you behind the scenes.

Oi, @lindomarolimpio . Movi sua questão para o chat em português em função do título. Espero que não se importe.

Tentando dar um auxílio: a linha do React.DOM.render tem que estar abaixo do comentário que vem logo depois (// Change code…). No final dela, é só colocar um ponto e vírgula. E o colega de cima está certo. Não se esqueça de colocar Fruits e Vegetables com maiúscula no começo. Teste novamente. Abraço.

1 Like