如何在JSX中设置伪元素的样式？

Question

我需要动态设置:: before伪元素的样式。

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

类似：

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

...但是没有赶上。无需安装大量节点模块并引入新架构的最简单方法是什么？

Answer 1

要使用jss为before伪元素设置样式：

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

}