Блог

Главная - Вопросы по программированию - Как я могу использовать один модуль CSS и добавить к нему просто другой стиль, не переписывая код?

Как я могу использовать один модуль CSS и добавить к нему просто другой стиль, не переписывая код?

#javascript #css #reactjs #styles

Вопрос:

Я хочу добавить недопустимую форму к своему элементу в react, у меня есть такой код:

 <div className={props.invalid ? styles.invalid : styles.main } >

но мне также нужно переписать все коды стилей в main для недопустимых и просто для недопустимых добавить к ним красную цветовую рамку.

Комментарии:

1. className={ ${styles.main} ${реквизит.неверно ? стили.недопустимо : «} } таким образом, у вас есть имя main класса и invalid если props.invalid есть truthy .

Ответ №1:

Я думаю, что вы хотите оформить div в атрибуте встроенного стиля следующим образом:

 <div styele={props.invalid ? {border-color: 'red'}} />

Комментарии:

1. Как я могу использовать его для наведения курсора?

Метки: ,