Glavni problem s korištenjem precrtanog react css-a je to što može biti teško ispravno stilizirati. To je zato što zadani stilovi za precrtavanje nisu vrlo specifični i ne postoji ugrađena podrška za njihovu prilagodbu.
<del>This text is no longer relevant</del>
Ovaj redak koda koristi HTML oznaku 'del' za označavanje da tekst okružen ovom oznakom više nije relevantan.
Stiliziranje Reacta pomoću CSS-a
Stiliziranje Reacta pomoću CSS-a može biti malo nezgodno u početku, ali kad jednom shvatite, može biti jako zabavno. Evo nekoliko savjeta koji će vam pomoći da započnete:
1. Koristite klase i svojstva
Jedan od načina stiliziranja React komponenti je korištenje klasa i svojstava. Na primjer, možete koristiti naziv klase "my-button" za stiliziranje svih vaših gumba u vašoj aplikaciji, a zatim koristiti svojstvo "style" za postavljanje stila za tu klasu. Evo primjera:
class MyButton extends Component { … style = { color : '#000' } }
2. Koristite mikseve i pomoćne programe
Drugi način stiliziranja React komponenti je korištenje mixina i uslužnih programa. Na primjer, možete upotrijebiti miksin "style-button" za izradu tablice stilova za višekratnu upotrebu za sve vaše gumbe u vašoj aplikaciji, a zatim koristiti pomoćnu funkciju "button-color" za postavljanje boje za sve gumbe koji koriste taj miksin. Evo primjera:
import { StyleButton } from './style-button' ; const ButtonColor = ( props ) => { return props . boja ; } izvoz zadanog StyleButtona;