Obiettivo classi CSS specifiche con componenti Styled

voti
0

Come potrei fare per lo styling qualcosa come il react-datepickercon-componenti stile? La biblioteca datepicker sembra che utilizza un certo tipo di stile BEM (screenshot qui sotto), che mi sarebbe normalmente sufficiente utilizzare i loro nomi delle classi previste e lo stile di quelle con Sass. Ma, come faccio a indirizzare i nomi delle classi con componenti stile? È anche possibile?

entrare

È pubblicato 25/07/2017 alle 10:09
fonte dall'utente
In altre lingue...                            


1 risposte

voti
3

Dal momento che styled-componentsè solo CSS ™ lo faresti come con qualsiasi altro foglio di stile, utilizzando i nomi delle classi react-datepickerpreviste.

L'unica differenza è che si dovrà avvolgere il DatePicker in un componente designato involucro che si applica tutte queste classi:

const Wrapper = styled.div`
  &.react-datepicker {
    color: blue;
  }
`

<Wrapper>
  <Datepicker />
</Wrapper>
Risposto il 25/07/2017 a 20:20
fonte dall'utente

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more