ホーム > カテゴリ > HTML5・JavaScript >

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>  

以上です。






関連記事



公開日:2020年03月03日
記事NO:02817