직접 제작한 <Tab/> 컴포넌트 사용시 "&.Mui-selected" 상태에 문제가 있습니다

Question

사용자 정의를 만들었고 <Tab/> 다음 코드를 사용하여 선택 색상을 제어하고 싶습니다.

샌드박스 데모 코드

으아아아

그러나 내가 발견한 것은:

1. 커스텀 스타일 컴포넌트 직접 적용 => 색상을 빨간색으로 선택

2.사용자 정의 스타일 구성 요소를 자체 생성 구성 요소로 래핑 => 작동하지 않으며 기본 선택된 색상도 적용되지 않음

으아아아

MUI의 정상적인 동작이 자체 생성된 탭을 인식하지 못하는 것인가요?

Answer 1

이런 방식으로 사용자 정의 Tab 구성 요소를 렌더링하는 래퍼 구성 요소를 만드는 방법 TestTab，而不是使用 Styled.Tab

으아악