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と同様の書き方で // になります。