(React) map 에 의한 루프에서 표시가 되지 않는 문제

꼰대코더 2024. 5. 7. 14:46

{ } 로 감싸여져 있는 경우 반드시 return 이 없는 경우 아무것도 표시되지 않는다.

return (
<div> { this.state.task.map((item,contentIndex) => {
(<div> hello {item.event} {item.eventpara} </div>) })
}
</div>
)

해결책 1) return 을 명시

return (
<div> { this.state.task.map((item,contentIndex) => {
return (<div> hello {item.event} {item.eventpara} </div>) })
}
</div>
)

해결책 2) { } 를 제거

return (
<div> { this.state.task.map((item,contentIndex) => (
<div> hello {item.event} {item.eventpara} </div>) }
)
</div>
)