Galvenā problēma, izmantojot pārsvītrotu react css, ir tā, ka var būt grūti izveidot pareizo stilu. Tas ir tāpēc, ka noklusējuma stili pārsvītrošanai nav īpaši specifiski, un nav iebūvēta atbalsta to pielāgošanai.
<del>This text is no longer relevant</del>
Šajā koda rindā tiek izmantots HTML tags “del”, lai norādītu, ka ar šo tagu ietvertais teksts vairs nav atbilstošs.
Styling React, izmantojot CSS
Styling React, izmantojot CSS, sākumā var būt nedaudz grūts, taču, kad esat to apguvis, tas var būt ļoti jautri. Šeit ir daži padomi, kas palīdzēs sākt darbu.
1. Izmantojiet klases un rekvizītus
Viens veids, kā veidot React komponentus, ir izmantot klases un rekvizītus. Piemēram, varat izmantot klases nosaukumu “mana poga”, lai izveidotu stilu visām pogām savā lietotnē, un pēc tam izmantot rekvizītu “style”, lai iestatītu šīs klases stilu. Šeit ir piemērs:
class MyButton paplašina komponentu { … style = { color : '#000' } }
2. Izmantojiet Mixins un Utilities
Vēl viens veids, kā veidot React komponentus, ir izmantot mixins un utilītas. Piemēram, varat izmantot mixin “style-button”, lai izveidotu atkārtoti lietojamu stila lapu visām jūsu lietotnes pogām, un pēc tam izmantot utilīta funkciju “button-color”, lai iestatītu krāsu visām pogām, kas izmanto šo sajaukumu. Šeit ir piemērs:
importēt { StyleButton } no './style-button' ; const ButtonColor = ( rekvizīti ) => { return rekvizīti . krāsa; } eksportēt noklusējuma StyleButton ;
