Principala problemă cu utilizarea strikethrough react css este că poate fi dificil să stilați corect. Acest lucru se datorează faptului că stilurile implicite pentru baraj nu sunt foarte specifice și nu există suport încorporat pentru personalizarea lor.
<del>This text is no longer relevant</del>
Această linie de cod folosește eticheta HTML „del” pentru a indica faptul că textul inclus de această etichetă nu mai este relevant.
Styling React folosind CSS
Styling React cu CSS poate fi puțin dificil la început, dar odată ce ați înțeles, poate fi foarte distractiv. Iată câteva sfaturi pentru a vă ajuta să începeți:
1. Utilizați clase și proprietăți
O modalitate de a stila componentele React este utilizarea claselor și proprietăților. De exemplu, puteți folosi numele clasei „butonul meu” pentru a stila toate butoanele din aplicația dvs., apoi utilizați proprietatea „stil” pentru a seta stilul pentru acea clasă. Iată un exemplu:
clasa MyButton extinde Componenta { … stil = { culoare : '#000' } }
2. Folosiți Mixins și Utilities
O altă modalitate de a stila componentele React este să utilizați mixuri și utilitare. De exemplu, puteți folosi mixin-ul „stil-buton” pentru a crea o foaie de stil reutilizabilă pentru toate butoanele din aplicația dvs., apoi utilizați funcția de utilitate „button-color” pentru a seta culoarea pentru toate butoanele care utilizează acel mixin. Iată un exemplu:
import { StyleButton } din './style-button'; const ButtonColor = ( recuzită ) => { returnează recuzită . culoare ; } export implicit StyleButton ;
