Как оформить псевдоэлемент в JSX?

Question

Мне нужно динамически стилизовать a :: before псевдоэлемент.

<div className="parent" style={divStyle}>
::before
</div>

с чем-то вроде:

const divStyle = {     
   color:red, // this works
      "&::before": {     /// this one does not       
        backgroundImage: "url(" + imgUrl + ")",            
      }
    };

... но это не наверстывает упущенное.Какой самый простой способ достичь этого, не устанавливая множество узловых модулей и не внедряя новую архитектуру?

Answer 1

Чтобы стилизовать псевдоэлемент before, используя jss:

element:{
    color: '#fff',
    .....,
    '&:before':{
         content: "' '"
    }

}