Встроенный стиль псевдоселектора React ⇐ CSS

[Anonymous]

Как вы думаете, каковы хорошие способы обработки псевдоселекторов стилей с помощью встроенных стилей React? Каковы преимущества и недостатки?

Предположим, у вас есть файл style.js для каждого компонента React. Вы оформляете свой компонент с помощью этого файла стилей. Но тогда вы хотите создать эффект наведения на кнопку (или что-то еще).

Один из способов — создать глобальный CSS-файл и таким образом обрабатывать псевдоселекторы стилей. Здесь класс label-hover взят из глобального файла CSS, а style.label — из файла стилей компонентов.

Код: Выделить всё

Email

Другой способ — стилизовать компоненты на основе определенных условий (которые могут быть вызваны состоянием или чем-то еще). Здесь, если состояние наведения истинно, используйте стили.button иstyles.buttonHover, в противном случае просто используйте стили.button.

Код: Выделить всё

Оба подхода кажутся хакерскими. Если у кого-то есть лучший подход, я хотел бы знать. Спасибо!

Подробнее здесь: https://stackoverflow.com/questions/437 ... ne-styling