Я только начинаю с компонентами пользовательского интерфейса для React. Хотя я все еще привыкаю не к стилизации своих собственных компонентов, а скорее к импорту готовых методов, мне трудно ассимилировать их в моем проекте.
Часто я нахожу, что компоненты слишком велики для моего макета из-за слишком большого отступа / отступа.
В частности, я реализую Выбирает . Я изучил документы и SO, чтобы найти способы адаптировать размер (высоту) к моему проекту, но из-за компонентов, имеющих полдюжины подкомпонентов, измерения никогда не складываются.
Как эффективно отрегулировать размеры компонента и выровнять все зависимые высоты / ширины?
До сих пор я пытался обернуть компонент в MUITheme и добавил CSSBaseline, оба взяты из документов, но безрезультатно. Я также пытался работать с классами , которые не имели никакого эффекта.
Я пошел непосредственно в CSS, но смог установить только отступ для оболочки верхнего уровня: # outlined-age-native-simple. Это единственный селектор, который я могу использовать, который на самом деле что-то меняет.