将React组件传递给CSS psuedo元素内容属性
我有一个typescript文件,它使用 我是否可以将自定义React组件传递给css psuedo元素内容,如下所示: 此customReactComponent是包装为ReactComponent的SvgImage将React组件传递给CSS psuedo元素内容属性,css,reactjs,typescript,emotion,Css,Reactjs,Typescript,Emotion,我有一个typescript文件,它使用 我是否可以将自定义React组件传递给css psuedo元素内容,如下所示: 此customReactComponent是包装为ReactComponent的SvgImage &:after { position: absolute; content: '${(<CustomReactComponent />)}'; } &:after{ 位置:绝对位置; 内容:“${()}”; } 有可能吗?当您
&:after {
position: absolute;
content: '${(<CustomReactComponent />)}';
}
&:after{
位置:绝对位置;
内容:“${()}”;
}
有可能吗?当您尝试如上所述传递它时会发生什么?代码不可编译您可能可以使用
svg
而不使用组件-根据使用React
组件作为content
是不可能的,但是您可以将React组件放在div中,然后在样式中使用它