自作した<Tab/>コンポーネントを使用する場合、「&.Mui-selected」状態に問題がある

Question

カスタム <Tab/> を作成し、次のコードを使用してその選択色を制御したいと考えています:

サンドボックスのデモコード

リーリー

しかし、私は次のことを発見しました:

1. カスタム スタイル コンポーネントを直接適用 => 選択された色は赤です

2.カスタム スタイル コンポーネントを自作コンポーネントでラップすると、デフォルトで選択された色でも機能せず、 リーリー

これは、MUI が自分で作成したタブを認識しない通常の動作ですか?

Answer 1

Styled.Tab を使用する代わりに、この方法でカスタム Tab コンポーネントをレンダリングするラッパー コンポーネントを作成する方法 TestTab リーリー