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

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