[에러대백과] Expected an assignment or function call and instead saw an expression

 

---

오늘의 error

 

리액트

Expected an assignment or function call and instead saw an expression

할당 또는 함수 호출을 예상했지만 대신 식을 보았습니다.

---

 

발생현황

 

 

함수에서 return 으로 jsx를 반환할 때 컴포넌트를 감싸는 큰 태그가 없을 때 나타나는 에러이다.

이 경우 return 의 태그들을 div 태그나 Fragment 태그로 감싸주면 된다.

 

여기서 Fragment 태그는 리액트에서 사용되는 '의미 없는' 태그로

div 처럼 시맨틱적인 의미가 있는 태그를 사용하게 되면 이것을 인식하고 메모리를 사용하기 때문에 반드시 필요한 경우가 아니면 Fragment 태그로 감싸서 처리한다.

 

Fragment 태그는 <React.Fragment> </React.Fragment> 로 쓰거나 간단하게 <> </>로 사용할 수 있다.

 

더 상세한 정보는 아래 블로그를 참조

 

[React] Fragment란?

 

(공식 리액트 Docs) Fragment 태그