개발자

(리액트)탭 메뉴 안에 탭 메뉴 어떻게 해여하죠?

2023년 01월 19일조회 334

리액트 사용하고 있고, 탭 메뉴 안에 탭 메뉴가 들어가야 하는데 어떻게 해야할지 모르겠어요..

이 질문이 도움이 되었나요?
'추천해요' 버튼을 누르면 좋은 질문이 더 많은 사람에게 노출될 수 있어요. '보충이 필요해요' 버튼을 누르면 질문자에게 질문 내용 보충을 요청하는 알림이 가요.
profile picture
익명님의 질문

답변 1

성원님의 프로필 사진

탭이 한 줄 있고 활성화된 탭에 따라 밑에 또다른 탭이 생기는 구조인걸까요? 사진이나 구조에 대한 설명이 있으면 좋을 것 같아요. 위에 말씀드린 구조가 맞다면 단계적으로 접근하면 좋을 것 같습니다! 1. 탭을 퍼블리싱 한다 : css 레퍼런스 찾아보면 코드가 많이 있습니다! 2. 탭 클릭에 따른 상태값을 저장한다 : 복잡하게 하지않고 state를 하나 생성 한 뒤 탭 클릭에 따라 활성화 된 탭의 고유값 (ex “tab1”, “tab2”)을 setState하는 식으로 관리하면 될 것 같습니다. 3. 자식 탭을 퍼블리싱 : css 코드 참고하여 디자인에 맞게 하단 자식 탭을 퍼블리싱합니다. 4. 자식 탭 상태관리, 부모 탭 활성화시 자식 탭 렌더링 이런 흐름으로 우선 간단하게 만들어보면 좋을 것 같네요!

지금 가입하면 모든 질문의 답변을 볼 수 있어요!

현직자들의 명쾌한 답변을 얻을 수 있어요.

또는

이미 회원이신가요?

목록으로
키워드로 질문 모아보기

실무, 커리어 고민이 있다면

새로운 질문 올리기

지금 가입하면 모든 질문의 답변을 볼 수 있어요!