useState1 Tab menu 쉽게 만들기 만들어 볼 것 버튼 값에 따라 아래 보여지는 내용이 달라지는 탭메뉴를 쉽게 만들어봤다 1. 버튼 구성 const tabs = [ { id: 'default', label: '후라이드' }, { id: 'spicy', label: '양념' }, ]; tabs 배열을 선언 후 각 요소에 id와 label 속성을 가진 객체 구성 2. 탭버튼 생성 // 위에서 선언한 tabs 배열을 사용하여 동적으로 탭 버튼 생성 {tabs.map((tab) => ( handleTabClick(tab.id)} > {tab.label} ))} tabs.map() : map을 사용하여 배열의 각 요소에 대해 콜백 함수 호출 key : 배열을 렌더링할 때 각 요소를 식별하는 역할 type : button : 버튼으로 설정시 기본 동.. 2023. 8. 1. 이전 1 다음
