Porque o codigo abaixo funciona e o codigo da parte 2 não funciona?


#1
import React from 'react';
import ReactDOM from 'react-dom';

class MyComponentClass extends React.Component {
  render() {
    return <h1>Hello world</h1>;
  }
}

// component goes here:
<MyComponentClass />

ReactDOM.render(
 <MyComponentClass />,
  document.getElementById('app')
);

PARTE 2

 import React from 'react';
 import ReactDOM from 'react-dom';

 class MyComponentClass extends React.Component {
   render() {
     return <h1>Hello world</h1>;
   }
 }

 // component goes here:
 <MyComponentClass />

 ReactDOM.render(
  MyComponentClass,       <-- _Porque não funciona assim também_?
   document.getElementById('app')
 );

Because it does not work that way either.


#2

Por favor, publique um link para o exercício. Obrigado.

Please post a link to the exercise. Thanks.