Adjacent JSX elements must be wrapped in an enclosing tag. Did you want a JSX fragment <>...</>? [Reactのエラー]

React初心者が陥るエラーメッセージ。「Adjacent JSX elements must be wrapped in an enclosing tag. Did you want a JSX fragment <>...</>?」(隣接するJSX要素は、囲むタグでラップする必要があります。JSXフラグメント<> ... </>が必要ですか？)

render()で返却するDOMのトップ階層が1つでない場合に発生します。

NG

<div>abc</div> 
<div>def</div> 

OK

<div>
  <div>abc</div> 
  <div>def</div> 
</div>  

以上です。

• Twitter
• Facebook
• はてブ

• Pocket
• LINE

関連記事