Posted at

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

More than 3 years have passed since last update.


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


解決したいこと

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>
);
}
});

やっとでスタートラインに{・_・}