Az áthúzott react css használatának fő problémája az, hogy nehéz lehet helyesen stílusozni. Ennek az az oka, hogy az áthúzás alapértelmezett stílusai nem túl konkrétak, és nincs beépített támogatás ezek testreszabásához.
<del>This text is no longer relevant</del>
Ez a kódsor a „del” HTML címkét használja annak jelzésére, hogy a címke által közrefogott szöveg már nem releváns.
Styling React CSS használatával
A React stílusbeállítása CSS-sel eleinte kissé bonyolult lehet, de ha egyszer rászoktál, nagyon szórakoztató lehet. Íme néhány tipp az induláshoz:
1. Osztályok és tulajdonságok használata
A React összetevők stílusának egyik módja az osztályok és tulajdonságok használata. Például használhatja a „my-button” osztálynevet az alkalmazás összes gombjának stílusához, majd a „style” tulajdonság segítségével beállíthatja az adott osztály stílusát. Íme egy példa:
class MyButton extends Component { … style = { color : '#000' } }
2. Használja a Mixins and Utilities alkalmazást
A React komponensek stílusának másik módja a mixinek és segédprogramok használata. Például használhatja a mixin „style-button”-t, hogy újrafelhasználható stíluslapot hozzon létre az alkalmazás összes gombjához, majd a „button-color” segédfunkcióval beállíthatja az adott mixint használó összes gomb színét. Íme egy példa:
import { StyleButton } from './style-button' ; const ButtonColor = ( props ) => { return props . szín ; } export default StyleButton ;
