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

{  } 로 감싸여져 있는 경우 반드시 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> )