Основният проблем при използването на css със зачертана реакция е, че може да бъде трудно да се стилизира правилно. Това е така, защото стиловете по подразбиране за зачертаване не са много специфични и няма вградена поддръжка за персонализирането им.
<del>This text is no longer relevant</del>
Този кодов ред използва HTML тага 'del', за да покаже, че текстът, ограден от този таг, вече не е подходящ.
Оформяне на React с помощта на CSS
Оформянето на React с CSS може да бъде малко трудно в началото, но след като го овладеете, може да бъде много забавно. Ето няколко съвета, които ще ви помогнат да започнете:
1. Използвайте класове и свойства
Един от начините за стилизиране на компонентите на React е използването на класове и свойства. Например, можете да използвате името на класа „my-button“, за да стилизирате всичките си бутони в приложението си и след това да използвате свойството „style“, за да зададете стила за този клас. Ето един пример:
class MyButton extends Component { … style = { color : '#000' } }
2. Използвайте миксини и помощни програми
Друг начин за стилизиране на компонентите на React е използването на миксини и помощни програми. Например, можете да използвате миксина „style-button“, за да създадете лист със стилове за многократна употреба за всички ваши бутони в приложението си и след това да използвате помощната функция „button-color“, за да зададете цвета за всички бутони, използващи този миксин. Ето един пример:
импортиране на { StyleButton } от './style-button' ; const ButtonColor = ( props ) => { return props . цвят ; } експортиране по подразбиране StyleButton;