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>
    );
  }
};
        
ReactDom.render(< TypesOfFood/>,document.getElementById("challenge-node")); 

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/117.0.0.0 Safari/537.36

Challenge Information:

React - Render a Class Component to the DOM

Hello and welcome to the community!

Check that the letters match the case:

ReactDOM.render

hello and welcome to fcc forum :slight_smile:

  • syntax error!! as starstuck pointed out

happy coding :slight_smile:

1 Like