今更聞けない JSX のコメントアウトの構文 - Qiita

解決したいこと React 初心者なので、JSX コード内で HTML にレンダリングさせたくない部分をコメントアウトする方法がわからない。 方法 {/* ... */} または {// ...} という構文でコメントアウトできる。 例 var Header = React.createClass({ displayName: 'Header', render: function () { return ( <div> {// <h1>wasshoi</h1> } <nav> <ul className="header--nav"> <li> <a href="#">hoge</a> </li> {/* <li> <a href="#">fuga</a> </li> */} </ul> </nav> </div> ); } });

[jsstudy]

JSXの{ }の中はJavaScriptが動作するので{ }で囲ってコメントを書くことができる → HTMLとしてのコメントではなく、JSコードのコメントとして書くのがポイント。　{/* ... */} または {// ...} という構文でコメントアウトできる。