作成日: 2019.03.14

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

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

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

JSXでのコメントアウト

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

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

・・・ふぁっ！？

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

うーん。

はっ！ <!-- --> か！？

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

Syntax error: Unexpected token (91:9)

・・・怒られたやんけ。

どないしたらええねん！

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

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

以上！

---

---

---

---