Corredor

ウェブ、プログラミングの勉強メモ。

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

いまどきのJSプログラマーのための Node.jsとReactアプリケーション開発テクニック

いまどきのJSプログラマーのための Node.jsとReactアプリケーション開発テクニック

作りながら学ぶ React入門

作りながら学ぶ React入門

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

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

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