Render a Class Component to the DOM - Minified React error #200

1

Tell us what’s happening:

Im trying to render this componente to the DOM but I have this issue from the console:

Minified React error #200;

Your code so far



class TypesOfFood extends React.Component {
  constructor(props) {
    super(props);
  }
  render() {
    return (
      <div>
        <h1>Types of Food:</h1>
          <Fruits />
          <Vegetables />
      </div>
    );
  }
};

ReactDOM.render(<TypesOfFood />,'challenge-node')

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_3) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/12.0.3 Safari/605.1.15.

Challenge:
Both the Fruits and Vegetables components are defined for you behind the scenes. Render both components as children of the TypesOfFood component, then render TypesOfFood to the DOM. There is a div with id='challenge-node' available for you to use.

2

Make sure you are retrieving the DOM for react to get hooked on.

Refer to the pervious exercises on how to do this. You need to use
document.getElementById()