Как в реакте достучатся до псевдоэлементов(::after,::before), ref?

Question

[Роман]

Здравствуйте, делаю адаптив в мини приложении на реакте, и надо было достучатся до компонента в котором бургер меню, при клике тоглить мобильную навигацию(думаю понятно), нагуглил что достучатся можно с помощью ref'ov - сделал, НО я хочу чтобы бургер кнопка при клике ставала крестиком и обратно, это я все писал вручную(1 span и внутри него два псевдоэлемента: after, before) так вот как мне достучатся именно до этих псевдоелементов чтоб при клике сменить им стили?? с помощью рефов можно? я не знаю как, или такие бургер меню на реакте уже не сделать? высувающее меню сбоку не хочется делать, я в реакте новичёк , надеюсь суть вопроса ясна, за ранее спасибо)

Answer 1

[Dnebl]

К before,after достучаться нельзя.
Лучше менять класс который в свою очередь будет изменять псевдоэлементы.

Comments

[Роман]

у меня еще такой вот вопрос как сделать класс который будет изменять псевдоэлемент? Никогда такого не видел)) Мне кажется так можно сделать в sass или less но я не знаю как в чистом css так делается(

[VegasChickiChicki]

Роман, Sass:

.some-class{
   &:before{
      background: red;
   }
}