본문 바로가기

Grew from/Trouble Shooting

Expected an assignment or function call and instead saw an expression no-unused-expressions

{users.map(user => {
  <li key={user.id} onClick={() => setUserId(user.id)}>
      {user.username} {user.name}
  </li>
})}

쓴적 없는 표현식이 나타났다는건, 한마디로 문법 틀렸다고 알려주는 에러!

허나 좀전까지 잘되던게 살짝 수정하고 나니 다음과 같은 에러가 발생했고,

빨간줄도 안그어져 있어서 뭐가 틀렸을까 싶었는데,

map 한줄로 썻을때 중괄호 없이 그냥 return처리 했었는데 여러줄로 바꾸면서 return 처리 안해주니깐 발생한 에러였다.

map의 콜백함수에서 중괄호를 썻으면 return을 해주거나 중괄호 대신 괄호를 쓰거나 중괄호 자체를 빼면 해결되는 간단하지만 눈에 잘안띄는 문법에러