inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

따라하며 배우는 리액트 A-Z[19버전 반영]

Map 메소드를 사용한 할 일 목록 나열

안녕하세요 선생님~~

1209

성민석

작성한 질문수 21

2

리액트에서 자바스크립트를 사용할때 {}을 사용해야하는건 이해가 가는데

this.todoData.map((data) => {

}) 가 아니라 중괄호 자리에 그냥 괄호가 들어가는 이유가있나요?

중괄호를 넣고 세이브를 하니

 Line 50:37:  Array.prototype.map() expects a return value from arrow function  array-callback-return

이런 경고창이 뜹니다

react tdd redux typescript Next.js

답변 1

2

John Ahn

안녕하세요 민석 님! 

두 가지 다 사용하실 수 있습니다! 

1. this.todoData.map((data) => ()) 

2. this.todoData.map((data) => {return }) 

이 두 가지 방법이 있는데 

첫 번째 방법은 로직을 사용하지 않고 바로 렌더링 할 부분이 들어갈 때 사용을 하며 

두 번째 방법은 렌더링 할 부분은 return 뒤에 넣어주고 그 앞에 어떠한 변수를 선언하거나 조건을 처리할 수도 있습니다. 그 대신 렌더링 할 부분은 꼭 return 이후에 넣어주셔야 합니다 

이해가 안 되는 부분 있으면 또 질문 주세요 감사합니다!

0

귀여운 펭귄

1번 문법의 경우 원래 자바스크립트에서도 유효한 문법인가요? 여태 js에서 화살표 함수를 쓸 때 마다 실행문 블록에 {}를 쓰거나 단일 코드일 경우 return과 함께 {}를 생략해서 썼는데 ()를 쓴 경험은 없어서요!

강의 소스 코드 압축 풀기 오류

0

71

1

런타임 에러 ㅠㅠ

0

86

1

강의대로 따라갔는데 에러보다 api키로 들어간 넷플릭스? 그런게 렌더링 되지 않습니다 ㅠ

0

102

1

안녕하세요 개발과 상관없는 질문입니다만

0

111

1

리액트 라우터 관련

0

103

1

react-beatiful-dnd에서 문제가 발생합니다.

0

103

1

react19에서는 react-beautiful-dnd가 설치되지 않습니다.

0

813

1

useEffect로 사용을 해도 되나요?

0

201

1

넷플릭스 오리지널 제외하고 슬라이드가 동작을 안합니다.

0

195

1

react 19의 useActionState가 더이상 isPending은 지원하지 않는 듯합니다

0

281

2

리액트 dockderfile 작성 시 COPY 질문

0

145

1

next.js에서부터는 react query 필요없는지

0

320

1

기능

0

197

1

오류가 안보여요

0

196

1

CSS

0

218

1

local storage

0

209

1

list컴포넌트 생성하기

0

224

1

검색어 입력 후 초기화하는 방법 궁금합니다!

0

331

1

Banner.css에 대해서

0

447

1

플러그인이 추천을 안해줍니다

0

321

1

마이너스버튼 테스트

0

279

2

리액트 서버 실행 오류

0

1156

2

오류메세지는 확인했는데 어떻게 고쳐야 할지 모르겠습니다 ㅠ

0

298

1

creactStore질문이요

1

284

2