Il problema principale con l'utilizzo del css di reazione barrato è che può essere difficile da modellare correttamente. Questo perché gli stili predefiniti per barrato non sono molto specifici e non esiste un supporto integrato per personalizzarli.
<del>This text is no longer relevant</del>
Questa riga di codice utilizza il tag HTML 'del' per indicare che il testo racchiuso da questo tag non è più pertinente.
Styling Reagisci usando i CSS
Lo styling di React con i CSS può essere un po' complicato all'inizio, ma una volta capito, può essere molto divertente. Qui ci sono alcuni consigli per aiutarti ad iniziare:
1. Utilizzare classi e proprietà
Un modo per modellare i componenti React è usare classi e proprietà. Ad esempio, puoi utilizzare il nome della classe "my-button" per definire lo stile di tutti i pulsanti nella tua app, quindi utilizzare la proprietà "style" per impostare lo stile per quella classe. Ecco un esempio:
class MyButton extends Component { … style = { color : '#000' } }
2. Usa Mixin e Utilità
Un altro modo per modellare i componenti React è usare mixin e utilità. Ad esempio, puoi utilizzare il mixin "style-button" per creare un foglio di stile riutilizzabile per tutti i tuoi pulsanti nella tua app, quindi utilizzare la funzione di utilità "button-color" per impostare il colore di tutti i pulsanti utilizzando quel mixin. Ecco un esempio:
import { StyleButton } from './style-button' ; const ButtonColor = ( props ) => { return props . colore ; } esporta StyleButton predefinito ;