Published on

Syntax error: Adjacent JSXエラーの対象方法

Authors
  • avatar
    Name
    ssu
    Twitter

Syntax error: Adjacent JSXエラーの対象方法

Reactをやっていると一度は見るエラーがあります。それは

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

になります。 このエラーを直訳すると、

構文エラー:JSXの要素は閉じたタグで囲う必要があります。

という内容になります。 これの対処方法はすごく簡単で

<> ... //中身 </>

上記のように<></>で囲ってあげるだけです。 全体のコードだと下記のようになります。

const Home = () => { return ( <> <p>React jsです</p> <p>React jsです</p> </> ) } export default Home