React JSX でのコメントの書き方

Angular づいている中で唐突に React ネタ。

React JSX の中では、<!-- コメント --> このような HTML コメントが書けない。ではどうするかというと、JavaScript コメントの構文をブレース {} で囲むことで実現できる。

class MyComponent extends Component {
  render() {
    return (
      <div>
        {/* コメントはブロックコメントをブレースで囲む */}
        {
          // このように1行コメントもできるが、この場合は終了ブレースを改行しておかないと終了ブレースがコメント扱いになるため使いづらいかも
        }
      </div>
    );
  }
}