ReactでSyntax error: Adjacent JSX elements must be wrapped in an enclosing tag

なんやねーーん

Syntax error: Adjacent JSX elements must be wrapped in an enclosing tag

参考

Reactで「閉じろ」と怒られる

問題のソース

class LikeButton extends React.Component {
  render() {
    return (

      <span>いいねボタン予定地</span>


      <div className="facebookiine">

      <h1>Reactで作った「いいねボタン」のデモ (Flux不使用)</h1>
      //<div id="like-button"></div>
      //<script src="like-button.js"></script>
      </div>

    );
  }
}

隣接要素たちは単一のタグでラップされていなければならない

なるほど…訳の分からぬやつや!

class LikeButton extends React.Component {
  render() {
    return (


      <div className="facebookiine">
      <span>いいねボタン予定地</span>
      <h1>Reactで作ったいいねボタンのデモ (Flux不使用)</h1>
      //<div id="like-button"></div>
      //<script src="like-button.js"></script>
      </div>

    );
  }
}
藤沢瞭介(Ryosuke Hujisawa)
  • りょすけと申します。18歳からプログラミングをはじめ、今はフロントエンドでReactを書いたり、AIの勉強を頑張っています。off.tokyoでは、ハイテクやガジェット、それからプログラミングに関する情報まで、エンジニアに役立つ情報を日々発信しています!

ホーム