에러 기록 - React에서는 쓰는 문법은 JavaScript가 아닌 JSX이다.

https://ko.legacy.reactjs.org/docs/introducing-jsx.html

JSX 소개 – React

 

- 증상

아래와 같이 코드를 작성했으나

 

'map()은 화살표 함수 array-callback-return에서 리턴값을 기대합니다.' 라는 에러 메세지가 나왔고

 

웹에서 개발자도구로 봐도 {todoList...}의 내용이 전부 렌더링 되지 않은 상태

 

- 원인

map 메소드를 사용할때 {중괄호}를 사용해서 발생한 문제

React에서는 JavaScript를 그대로 쓰는 것이 아닌 개량한 JSX를 씀으로 그 문법이 조금씩 다름

 

이번 같은 경우에서는 (소괄호)를 써주어야 함

 

- 해결