title: Render DOM element in REACT js
body: <p>I have installed fresh react js on local as:</p>
  
  <pre><code>npm install -g create-react-app
  create-react-app hello-world
  cd hello-world
  npm start
  </code></pre>
  
  <p><strong>App.js:</strong> </p>
  
  <pre><code>import React, { Component } from 'react';
  import logo from './logo.svg';
  import './App.css';
  import ReactDOM from 'react-dom';
  
  class App extends Component {
    render() {
      return (
        &lt;div className="App"&gt;
          &lt;div className="App-header"&gt;
            &lt;img src={logo} className="App-logo" alt="logo" /&gt;
            &lt;h2&gt;Welcome to React&lt;/h2&gt;
  
          &lt;/div&gt;
          &lt;div id="root"&gt;&lt;/div&gt;
          &lt;div id="test"&gt;&lt;/div&gt;
          &lt;p className="App-intro"&gt;
            To get started, edit &lt;code&gt;src/App.js&lt;/code&gt; and save to reload.
          &lt;/p&gt;
  
        &lt;/div&gt;
      );
    }
  }
  
  ReactDOM.render(
    &lt;h1&gt;Hello, world Root!&lt;/h1&gt;,
    document.getElementById('root')
  );
  
  ReactDOM.render(
    &lt;h1&gt;Hello, world Test!&lt;/h1&gt;,
    document.getElementById('test')
  );
  
  export default App;
  </code></pre>
  
  <p><strong>index.html:</strong></p>
  
  <pre><code>    &lt;body&gt;
      &lt;div id="root"&gt;&lt;/div&gt;
      &lt;div id="test"&gt;&lt;/div&gt;
      &lt;!--
        This HTML file is a template.
        If you open it directly in the browser, you will see an empty page.
  
        You can add webfonts, meta tags, or analytics to this file.
        The build step will place the bundled scripts into the &lt;body&gt; tag.
  
        To begin the development, run `npm start`.
        To create a production bundle, use `npm run build`.
      --&gt;
    &lt;/body&gt;
  </code></pre>
  
  <ul>
  <li><p>The issue is that i am able to print only Hello, world Test! and not Hello, world Root! although I am not getting any error too means it is a DOM element than way i am not getting any thing. I inspected it also and their also it is not rendering.</p></li>
  <li><p>Also one more thing I added div with id 'test' in index.html so it a fine approach to add div in that.</p></li>
  <li><p>I am new to React any help please. </p></li>
  </ul>