金沢に住む理系大学院生が運営するブログです。読んだ本、行った場所、買ったものの記録。

Adjacent JSX elements must be wrapped in an enclosing tag. Did you want a JSX fragment <>…?

 
この記事を書いている人 - WRITER -
金沢の地でWEB技術を勉強中。 世界をもっと面白くする。

背景

Reactを勉強中をしたいなと思い、RailsのAPIをReactから叩けるようなアプリケーションの開発中の出来事。

Reactを使っていたらChromeのコンソールからエラーが出た。

開発環境

Ruby 2.5.1
Rails 6.0.0

エラー内容

Adjacent JSX elements must be wrapped in an enclosing tag. Did you want a JSX fragment <>...</>?

意味的には「隣接するJSX要素は終了タグで囲まれていなければいけないよ」とのこと。

解決方法

Reactのコンポーネントでreturnするコードを<div></div>で囲んだ。

参考サイト

https://utano.jp/entry/2016/07/react-adjacent-jsx-elements-must-be-wrapped-in-an-enclosing-tag/

この記事を書いている人 - WRITER -
金沢の地でWEB技術を勉強中。 世界をもっと面白くする。
スポンサーリンク




スポンサーリンク




Copyright© AMALOG , 2019 All Rights Reserved.