인프런 커뮤니티 질문&답변

됴됴됴님의 프로필 이미지
됴됴됴

작성한 질문수

[리액트 1부] 만들고 비교하며 학습하는 리액트 (React)

[순수JS 2] 탭 1

이 부분 문법이 이해가 안갑니다.

작성

·

192

0

<ul>
        ${Object.values(TabType)
          .map((tabType)=>({tabTypetabLabel: TabLabel[tabType]})) //이 부분 문법이 이해가 안갑니다..
          .map(this._getTab)
          .join("")
        }
     </ul>
tabLabel: TabLabel[tabType] 부분이 어떻게 동작하는지 ... 이해가 안갑니다
map과 join은 이해가 되는데 저부분은 무슨 문법일까요..??

답변 1

0

김정환님의 프로필 이미지
김정환
지식공유자

.map((tabType)=>({tabType, tabLabel: TabLabel[tabType]})) 

이 코드는 아래와 같아요. 

.map((tabType)=> {
  return {
    tabType,
    tabLabel: TabLabel[tabType]
  }
})

{tabType, tabLabel} 형식의 객체를 담은 배열을 반환합니다. 

이어서 이 객체가 _getTab() 함수의 인자로 전달되고요. 

됴됴됴님의 프로필 이미지
됴됴됴

작성한 질문수

질문하기