ホーム

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>

    );
  }
}
Pocket
LinkedIn にシェア



新規webサービスの開発の依頼ならoffテク⭐️

低コストで、Reactなどモダン言語での新規webサービス開発を承ります

-ホーム

Copyright© off , 2020 All Rights Reserved Powered by AFFINGER5.