将React组件传递给CSS psuedo元素内容属性

将React组件传递给CSS psuedo元素内容属性,css,reactjs,typescript,emotion,Css,Reactjs,Typescript,Emotion,我有一个typescript文件,它使用 我是否可以将自定义React组件传递给css psuedo元素内容,如下所示: 此customReactComponent是包装为ReactComponent的SvgImage &:after { position: absolute; content: '${(<CustomReactComponent />)}'; } &:after{ 位置:绝对位置; 内容:“${()}”; } 有可能吗?当您

我有一个typescript文件,它使用

我是否可以将自定义React组件传递给css psuedo元素内容,如下所示: 此customReactComponent是包装为ReactComponent的SvgImage

  &:after {
    position: absolute;
    content: '${(<CustomReactComponent />)}';   
  }
&:after{
位置:绝对位置;
内容:“${()}”;
}

有可能吗?

当您尝试如上所述传递它时会发生什么?代码不可编译您可能可以使用svg而不使用组件-根据使用React组件作为content是不可能的,但是您可以将React组件放在div中,然后在样式中使用它