React - Render a Class Component to the DOM

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>
    );
  }
};

// Change code below this line

Your browser information:

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

Challenge: React - Render a Class Component to the DOM

Link to the challenge:

Did you have a question?

Did you miss this instruction:

… then render TypesOfFood to the DOM. There is a div with id='challenge-node' available for you to use.

Notice the:

// Change code below this line

at the bottom.

Do you remember using ReactDOM.render in previous lessons?

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