Głównym problemem związanym z używaniem przekreślonego reagowania css jest to, że może być trudno poprawnie stylizować. Dzieje się tak, ponieważ domyślne style przekreśleń nie są bardzo specyficzne i nie ma wbudowanej obsługi ich dostosowywania.
<del>This text is no longer relevant</del>
Ta linia kodu używa tagu HTML „del”, aby wskazać, że tekst zawarty w tym tagu nie jest już odpowiedni.
Stylizacja Reaguj za pomocą CSS
Stylizacja React za pomocą CSS może na początku sprawiać trochę trudności, ale kiedy już to opanujesz, może to być niezła zabawa. Oto kilka wskazówek, które pomogą Ci zacząć:
1. Używaj klas i właściwości
Jednym ze sposobów stylizowania komponentów React jest użycie klas i właściwości. Na przykład możesz użyć nazwy klasy „my-button”, aby nadać styl wszystkim przyciskom w aplikacji, a następnie użyć właściwości „style”, aby ustawić styl dla tej klasy. Oto przykład:
class MyButton extends Component {… style = { color : '#000' } }
2. Używaj miksów i narzędzi
Innym sposobem stylizowania komponentów Reacta jest używanie miksów i narzędzi. Na przykład możesz użyć mixin „style-button”, aby utworzyć arkusz stylów wielokrotnego użytku dla wszystkich przycisków w swojej aplikacji, a następnie użyć funkcji narzędzia „button-color”, aby ustawić kolor dla wszystkich przycisków używających tego mixin. Oto przykład:
import { StyleButton } z './style-button' ; const ButtonColor = ( rekwizyty ) => { return rekwizyty . kolor ; } wyeksportuj domyślny StyleButton;
