【React】Adjacent JSX elements must be wrapped in an enclosing tag. Did you want a JSX fragment ...?

Oct 21, 2019 1分で読めるテック

背景

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するコードを

で囲んだ。