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

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>

    );
  }
}


関連記事