ReactでJavaScriptの書き方できるようです。

結論

どうやらreturnの中以外はJavaScriptのようです。

class App extends React.Component {
  render () {
    return (
      {/* JSX部分 */}
    );
  }
}


なのでこういった書き方ができます。

class App extends React.Component {
  render () {
    const hoge = 'こんにちわ';
    return (
     {/* JSX部分 */}
    );
  }
}


JSX部分で、定数hogeを使うには?

class App extends React.Component {
  render () {
    const hoge = 'こんにちわ';
    return (
      <div>
        <p> { hoge } </p>
      </div>
    );
  }
}

このように{}を使えば利用することができるようです!

さらに、コメントですが、JSXは

{/* コメント */}

と書きます!returnよりも外側の場合は、JavaScriptと同様の書き方で // になります。