如何在样式组件中交换图像URL?

YouYi

我想在样式化的组件中交换两个背景图片url,但是我的代码无法正常工作,我不知道这是我的语法问题还是其他问题。我检查了样式化的组件网站,但没有找到任何类似的内容。

background-image: ${props => 
    props.failed ? "url(${ progressFailed })":"url(${ progress })"
};
赫曼特·帕萨尔(Hemant Parashar)

您还必须对progressFailedprogress变量进行插值现在,它们只是被当作字符串对待,而不是被评估。

export default styled.section`
  background-image: ${props => 
    props.failed ? `url(${progressFailed})` : `url(${progress})`
  };
`

希望这可以帮助 !

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在javascript中交换图像

来自分类Dev

如何在GridView中交换图像(Android)

来自分类Dev

如何更改/交换图像中的颜色?

来自分类Dev

如何在单击按钮时交换图像?

来自分类Dev

如何使此交换图像代码在Wordpress中工作

来自分类Dev

如何随机交换图像的像素?

来自分类Dev

如何使用OpenCV交换图像中的蓝色和红色通道

来自分类Dev

如何将鼠标悬停在单独的div中交换图像和文本?

来自分类Dev

如何使用OpenCV交换图像中的蓝色和红色通道

来自分类Dev

如何在 DrRacket 中延迟图像交换?

来自分类Dev

在Matlab中交换图像中的圆形像素

来自分类Dev

如何交换图片

来自分类Dev

如何在Excel 2010中交换图形的X和Y轴

来自分类Dev

单击后临时在按钮的背景中交换图像

来自分类Dev

JS功能交换图像

来自分类Dev

基于变量交换图像

来自分类Dev

使用JavaScript交换图像

来自分类Dev

在滚动时交换图像

来自分类Dev

如何在样式组件中显示背景?

来自分类Dev

制作自动交换图像的图像滑块

来自分类Dev

如何在样式化的组件库中为样式提供普通组件的子组件

来自分类Dev

如何在保持透明背景的同时转换图像中的LinearLayout

来自分类Dev

如何在loopv中的base64数组中转换图像数组?

来自分类Dev

如何在HTML和CSS中单击以切换图像

来自分类Dev

如何在Edittext android中设置切换图像和提示文本的间隙?

来自分类Dev

jQuery在div翻转时交换图像

来自分类Dev

使用jQuery标签交换图像

来自分类Dev

鼠标悬停时交换图像

来自分类Dev

交换图像以启用/禁用DIV