title: Can't using block inside return() React JSX
body: <p>I'm learning React JS, and facing a problem with JSX.
  I have a component :</p>
  
  <pre><code>class Content extends React.Component {
    render() {
      const array = ["apple", "orange"]
      return (
        {array[0]}
      )
    }
  }
  </code></pre>
  
  <p>It throws error <code>babel.min.js:7 Uncaught SyntaxError: Inline Babel script: Unexpected token, expected ,</code></p>
  
  <p>But if I wrapped <code>{array[0]}</code> inside <code>&lt;span&gt;</code> tag, this works.</p>
  
  <pre><code>class Content extends React.Component {
    render() {
      const array = ["apple", "orange"]
      return (
        &lt;span&gt;{array[0]}&lt;/span&gt;
      )
    }
  }
  </code></pre>
  
  <p>I think my core JavaScript is not good, please help me understand this problem. Thank you.</p>