todoData.map 화살표 함수 질문
327
작성한 질문수 13
[JSX Key 속성 이해하기] 파트에서는 todoData에 map 메서드를 사용할 때
this.todoData.map((value) => (
<div style={this.getStsyle()} key={value.id}>
<input type="checkbox" defaultChecked={false} />
{value.title}
<button style={this.btnStyle}>X</button>
</div>
))로 return 없이 사용하셨는데 전 기존에는
this.todoData.map((value) => {
return (
<div style={this.getStsyle()} key={value.id}>
<input type="checkbox" defaultChecked={false} />
{value.title}
<button style={this.btnStyle}>X</button>
</div>
)
})이렇게 사용했습니다 둘다 정상 동작하는데 차이점이 뭔지 궁금합니다
답변 1
1
안녕하세요 중괄호를 사용하면 return 을 이용해야 렌더링되게 됩니다. 중괄호를 이용하면 변수를 생성하던지 조건문을 처리해줄수있습니다. 소괄호를 이용하면 이러한것은 할수없지만 return 없이도 렌더링되게 됩니다 ~ 감사합니다
강의 소스 코드 압축 풀기 오류
0
71
1
런타임 에러 ㅠㅠ
0
85
1
강의대로 따라갔는데 에러보다 api키로 들어간 넷플릭스? 그런게 렌더링 되지 않습니다 ㅠ
0
102
1
안녕하세요 개발과 상관없는 질문입니다만
0
111
1
리액트 라우터 관련
0
101
1
react-beatiful-dnd에서 문제가 발생합니다.
0
103
1
react19에서는 react-beautiful-dnd가 설치되지 않습니다.
0
811
1
useEffect로 사용을 해도 되나요?
0
198
1
넷플릭스 오리지널 제외하고 슬라이드가 동작을 안합니다.
0
195
1
react 19의 useActionState가 더이상 isPending은 지원하지 않는 듯합니다
0
280
2
리액트 dockderfile 작성 시 COPY 질문
0
145
1
next.js에서부터는 react query 필요없는지
0
320
1
기능
0
197
1
오류가 안보여요
0
195
1
CSS
0
217
1
local storage
0
209
1
list컴포넌트 생성하기
0
223
1
검색어 입력 후 초기화하는 방법 궁금합니다!
0
331
1
Banner.css에 대해서
0
446
1
플러그인이 추천을 안해줍니다
0
321
1
마이너스버튼 테스트
0
279
2
리액트 서버 실행 오류
0
1156
2
오류메세지는 확인했는데 어떻게 고쳐야 할지 모르겠습니다 ㅠ
0
298
1
creactStore질문이요
1
284
2





