title: Unable to render a react component
body: <p>I'm new to React and trying to create below React component but it's not getting rendered.</p>
  
  <p><strong>script.jsx</strong></p>
  
  <pre><code>var Button = React.createClass({
        getInitialState: () =&gt; {
          return {
            counter: 0
          };
        },
        handleClick: () =&gt; {
          this.setState({
            counter: this.state.counter + 1
          });
        },
        render: () =&gt; {
          return (&lt;button onClick={this.handleClick}&gt; this.state.counter &lt;/button&gt;);
          }
        });
  
      React.render(&lt;Button /&gt;, document.getElementById('root'));
  </code></pre>
  
  <p><strong>index.html</strong></p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
    &lt;body&gt;
      &lt;h1&gt;React App&lt;/h1&gt;
      &lt;div id="root"&gt;&lt;/div&gt;
  
      &lt;script src="libs/react-15.0.2.js"&gt;&lt;/script&gt;
      &lt;script src="script.jsx"&gt;&lt;/script&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>can anyone please let me know whats going wrong here.</p>