[React] Expected an assignment or function call and instead saw an expression no-unused-expressions 오류

✅ 문제 상황

map을 사용하여 배열에 있는 값들을 전부 다 렌더링 하려고 했지만 아래와 같은 오류가 발생했다.

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

✅ 오류 원인

에러의 발생 원인은 map() 메서드를 사용할 때 주의점과 동일하다.

.map(() => {}) 메서드를 중괄호와 같이 사용할 때는 {} 중괄호 안에 return이 존재해야 한다.

하지만, 나는 .map() 메서드를 사용했음에도 불구하고 return을 사용하지 않아 오류가 발생했던 것이다.

 

✅ 해결 방법

1. .map() 메서드에서 {} 중괄호를 사용할 때 return을 사용한다.

2. .map() 메서드를 사용할 때 요소를 () 소괄호를 사용해서 묶어준다.