title: html not rendering into dom in reactjs
body: <p>I am new to ReactJS. This is my first code where I am trying to render two components. I am not getting any error but HTML part is not coming up. DOM is empty. What is wrong here? -- </p>
  
  <pre><code>import React from 'react';
  import ReactDOM from 'react-dom';
  
  class First extends React.Component{
      render(){
          return (
              &lt;h1&gt;it is about how to render two component. it is first component&lt;/h1&gt;
          )
      }
  }
  
  class Second extends React.Component{
      render(){
          return (
              &lt;h1&gt;it is about how to render two component. it is second component&lt;/h1&gt;
          )
      }
  }
  
  class all extends React.Component{
      render(){
          return(
              &lt;section&gt;&lt;First /&gt;&lt;Second /&gt;&lt;/section&gt;
          )
      }
  }
  
  ReactDOM.render(&lt;all /&gt;,document.getElementById('root'));
  </code></pre>