Glavna težava pri uporabi prečrtanega react css je, da ga je lahko težko pravilno oblikovati. To je zato, ker privzeti slogi za prečrtano niso zelo specifični in ni vgrajene podpore za njihovo prilagajanje.
<del>This text is no longer relevant</del>
Ta vrstica kode uporablja oznako HTML 'del', ki označuje, da besedilo, obdano s to oznako, ni več relevantno.
Oblikovanje React z uporabo CSS
Slogiranje React s CSS je lahko na začetku nekoliko težavno, ko pa se tega naučite, je lahko zelo zabavno. Tukaj je nekaj nasvetov, ki vam bodo pomagali začeti:
1. Uporabite razrede in lastnosti
Eden od načinov oblikovanja komponent React je uporaba razredov in lastnosti. Na primer, lahko uporabite ime razreda »my-button«, da oblikujete vse svoje gumbe v aplikaciji, nato pa uporabite lastnost »style«, da nastavite slog za ta razred. Tukaj je primer:
class MyButton extends Component { … style = { color : '#000' } }
2. Uporabite mešanice in pripomočke
Drug način oblikovanja komponent React je uporaba miksinov in pripomočkov. Na primer, lahko uporabite mixin "style-button", da ustvarite večkratno uporabno slogovno tabelo za vse vaše gumbe v vaši aplikaciji, in nato uporabite pomožno funkcijo "button-color", da nastavite barvo za vse gumbe, ki uporabljajo ta mixin. Tukaj je primer:
uvozi { StyleButton } iz './style-button' ; const ButtonColor = ( props ) => { return props . barva ; } izvozi privzeti StyleButton;
