React

Array.prototype.map() expects a return value from arrow function, array-callback-return 에러 해결하기

Asset Type
JavaScript
ReactJS
File Type
When to use
2021/03/04
Created by
Last edited time
2021/10/06 03:47
Reference
Reference2

Reactjs(리액트) 환경에서 Redux(리덕스) 실습을 해보던 와중에 FriendLists에 띄워줘야할 MockData들이 보여지지 않는 문제가 발생했고 경고 메시지를 보니 이와 같았다.

코드를 보니 MockData(timelines)를 map()을 사용하여 뿌려주는 Arrow function이 ( ( item ) => ( return할 값 ) ) 의 구조를 지켜야 한다는 사실을 알게 되었고, 아래의 경우는 Friends의 예시이지만 저렇게 return을 쓰지 않고 소괄호() 안에 Return할 값을 넣어주어 에러를 해결할 수 있었다.(쉽게 말해 화살표 다음에 리턴하려는 값을 중괄호로 감싸는 게 아니라 소괄호로 감싸야 한다.