title: ReactJs - SyntaxError: embedded: Unterminated JSX contents
body: <p>I am new to ReactJs and I have a stupid issue, I think, but I can't see a reason's place of it.
  My training code:</p>
  
  <pre><code>var ListComponent = React.createClass({
      render: function() {
          return (
              &lt;li&gt;{this.props.value}&lt;/li&gt;
          );
      }
  });
  
  var TodoComponent = React.createClass({
      getInitialState: function() {
          return {
              listPoints: []
          }
      },
      addListPoint: function(event) {
          if (event.target.value !== '') {
              this.setState({
                  listPoints: this.state.listPoints.push(event.target.value)
              });
          }
      },
      render: function() {
          var listPoints = [];
          for (var i=0; i&lt;this.state.listPoints.length; i++) {
              listPoints.push(
                  &lt;ListComponent&gt;{this.state.listPoints[i]}&lt;ListComponent/&gt;
              );
          }
          return (
              &lt;ul&gt;{listPoints}&lt;/ul&gt;
              &lt;input type="text" onBlur={this.addListPoint}/&gt;
          );
      },
  });
  
  
  React.render(
      &lt;TodoComponent /&gt;,
      document.getElementById('container')
  );
  </code></pre>
  
  <p>And my traceback:  </p>
  
  <pre><code> Uncaught SyntaxError: embedded: Unterminated JSX contents (42:21)
    40 |  
    41 | React.render(
  &gt; 42 |     &lt;TodoComponent /&gt;,
       |                      ^
    43 |     document.getElementById('container')
    44 | );
    45 | 
  </code></pre>
  
  <p>Every tag seems to be closed. Does someone point me to a place where the issue begun?</p>