Стили не перезаписываются в стилизованном компоненте в реакции - PullRequest
Новая
       57

Стили не перезаписываются в стилизованном компоненте в реакции

0 голосов
/ 09 апреля 2020

Я новичок в деле c, здесь я использую UI материала.

Я разработал следующий стилизованный компонент. 

const StyledDefaultText = styled(Typography)<ISortBySelector>(({ fontSize }) => ({
  fontSize: fontSize ? fontSize : '12px',
  fontWeight: 'bold',
  letterSpacing: fontSize ? '0.14px' : '0.09px',
  color: '#000000'
}))

Теперь я добавил это Стили по-прежнему этот компонент загружается со стилями по умолчанию, которые есть для typography. Это не применяет стили, которые есть в компоненте стиля. Может ли кто-нибудь помочь мне с этим?

1 Ответ

0 голосов
/ 09 апреля 2020

Проблема в том, что ваши стили загружаются до стилей библиотеки Material-UI (побеждает последний). Вы можете исправить это так: 

import { StylesProvider } from '@material-ui/core/styles';

<StylesProvider injectFirst>
  {/* Your component tree.
      Now, you can override Material-UI's styles. */}
</StylesProvider>

См .: https://material-ui.com/guides/interoperability/#controlling -приоритет-% EF% B8% 8F-3

...