今更聞けない 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>
    );
  }
});

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