コンテンツにスキップ

Top

Reactのreturn()の中でコメントアウトする方法

{/* */} と書けば良い。

のだが、中括弧をつけてなかったのでうまく行かずしばらく悩んだ。

JSXでのコメントアウト

コメントといえば /* */ やろ。

  return (
    <React.Fragment>
      /* ここはほげほげブロックだよ! */
      <div>

・・・ふぁっ!?

そのまま出力されたやないけ!

うーん。

はっ! <!-- --> か!?

  return (
    <React.Fragment>
      <!-- ここはほげほげブロックだよ! -->
      <div>

Syntax error: Unexpected token (91:9)

・・・怒られたやんけ。

どないしたらええねん!

実は /* */ を {} でくくれば良かったのです。

  return (
    <React.Fragment>
      {/* ここはほげほげブロックだよ! */}
      <div>

以上!