使用带样式的组件时，道具的背景图像不起作用

、

我有一个样式化的组件，我传递一个网址作为背景图像使用，但它不工作。我见过其他类似的问题，但没有什么能解决它。我的样式化组件： background: ${props => `url(${props.background})`}; background-size: cover;

浏览 0提问于2018-08-31得票数 1

回答已采纳

1回答

根据DOM中是否存在另一个组件来更改React应用程序的背景色

、、

只是寻找一些建议，在一个最好的可能的起点所描述的问题。我使用React和StyledComponents，基本上是想确保如果某个组件出现在DOM (导航栏)中--背景颜色是白色的，如果它不存在，那么我们就把背景颜色设为灰色。背景颜色在这里设置如下： const StyledMain = styled(Main)` flex-direction: column; background-color

浏览 17提问于2021-07-26得票数 0

2回答

样式化材料-具有样式化组件的UI抽屉组件

、、

我正在尝试将下面抽屉组件的样式移植到带样式的组件中。variant="permanent" paper: classes.drawerPaper > drawerPaper: { position: "relative"

浏览 51提问于2018-04-05得票数 8

回答已采纳

1回答

检查样式化组件中是否存在属性

、、

我刚刚开始与样式组件，并想创建按钮，导航栏等东西的变化。例如，我想创建一个深色版本的导航栏(其中背景颜色会变暗，文本颜色会变亮)。我想要做的是简单地在一个组件上添加一个暗道具，如下所示： <Navbar dark>...</Navbar> 我想这样做，而不是像这样： <Navbar type="dark">...也就是说，如何仅通过检查prop名称是否存在来设置元素的

浏览 14提问于2019-05-06得票数 5

回答已采纳

2回答

如何给同一个组件不同的背景？

编辑:我是新的反应，到目前为止还没有找到这个问题的答案。我有一个<Box />组件，它呈现一些HTML。Golden Lion </div> }在一页上，我有三份相同的组件我希望能够给内部提供独特的背景图像，在这三个组件中<em

浏览 1提问于2018-02-25得票数 0

回答已采纳

1回答

Redux图像不会加载

、、、

所以，老实说，这可能是简单的，就像忽略它，盯着它很长时间，并且是新的反应，但在我的部分组件，我加载在我的backgroundImg道具不会加载图像，我无法弄清楚。我的图片在公用文件夹中，代码在src components文件夹中。另外，我可以在文件中加载图像，而不是当我通过螺旋桨调用它们时import Reac

浏览 1提问于2021-12-28得票数 0

回答已采纳

1回答

样式化组件-通过props传递的内容( content )

、

我尝试根据props值在div (带样式的组件)中切换文本。这个想法很简单:状态改变，它的值转到样式化组件的道具，然后根据它是什么，内容进行调整。不起作用的是之前/之后的内容。知道为什么吗？带样式的组件： export const Info = styled.div`

浏览 10提问于2020-03-29得票数 0

2回答

如何将背景图像url注入到样式化组件中

、

我使用样式组件作为一个设计库，我创建了一个div，它将保存一个带有属性的背景图像，如果我从样式组件的外部注入图像url，它不会接受，并且会出现一些错误。我会复制一些代码：const ImageDiv = styled.div` width: 100%; float: left: no

浏览 7提问于2019-11-25得票数 0

回答已采纳

1回答

如何使用样式化组件将样式从子对象传递到父对象

、、、

我正在尝试创建一些按钮的变体，并决定使用带样式的组件来实现这一点。但是，我在尝试将变量按钮从子元素传递到包含所有变体的父元素时遇到了一些问题。目前，我有一个导入Button.js组件的导航栏。，在我的Button.js文件中，我尝试通过使用道具来切换按钮的样式，但这不起作用。function Button({

浏览 22提问于2021-04-15得票数 0

1回答

对样式化系统中不起作用的道具进行条件检查

、、

我正在尝试使用样式组件和样式系统创建一个Button组件。一般来说，它工作得很好。然而，当涉及到做一个基本的道具测试时，我似乎不能让它工作。例如，以下代码对我不起作用：无论我是否设置了bg属性，背景颜色始终是红色。换句话说，以下组件都返回

浏览 1提问于2019-05-24得票数 0

1回答

反应如何改变带有样式组件的按钮背景

、、、

我对我的应用程序实现了按类别过滤，所以如果你点击按钮，它就会过滤出指定的类别。我还想改变按钮的背景颜色，当用户点击它时，这样你就可以直观地看到哪个类别被选中了。我正在使用样式化组件来设置样式，但是我不能访问样式化组件中的状态，所以我不知道如果它被点击或者没有被点击，我可以比较什么。我通过样式化组件中的道具来尝

浏览 18提问于2020-12-21得票数 0

1回答

按下模式按钮后是否覆盖组件CSS？

、、

我目前有一个模式设置，一旦按下它，它就会打开我的一个组件。但是，这个组件有一个固定的css (我想保留它)，但是当按下模式时，我希望CSS改变。这是可能的吗？我看了一些东西，但似乎找不到有效的东西。我目前得到的东西可以在下面看到，它不会覆盖原始的css。

浏览 0提问于2021-03-10得票数 0

1回答

如何在使用CSS模块时传入Props

、、

我有一个按钮组件，并使用Tailwindcss css框架和css模块进行额外的样式，如下所示。当我使用模板文字来拉入红色背景样式时，这是可行的。CSS模块： .red {} background-color: blue; } React组件： import stylesclassName={`text-white py-2 px-4 roun

浏览 15提问于2020-03-25得票数 0

1回答

是否有可能使组件样式依赖于状态，而无需重新呈现？

我正在使用下面的组件-我需要包含的按钮，当过滤器状态对应于它，并概述了其他。按照我现在的做法，每次状态改变时，组件都会重新呈现-我明白为什么会发生这种情况。但是，我想知道是否有一种方法可以在不引用此组件中的filter状态的情况下实现相同的功能？如果按钮在每次状态改变时都消失，这不是一个很好的用户体验。

浏览 7提问于2020-04-12得票数 0

2回答

使用样式化组件设置图像不透明度

、、

我一直在尝试为我的背景图像设置一个不透明度，但唯一不透明度变化的基本上是图像之外的所有东西。如何使用带样式的组件更改我的实体的属性？</StyledText> </React.Fragment>}; export default We

浏览 14提问于2020-11-14得票数 1

1回答

在Jest-emotion的tohaveStyleRule中找不到背景属性

、、、

我正在尝试根据传递的prop active来测试默认和更改的背景，然而，jest-emotion声称无法在已设置样式的组件上找到属性背景。我试着使它更具体(背景颜色和背景图像)，但都不起作用。带样式的组件： const StyledButtonToolbar = styledWithTheme(ButtonToolbar)<

浏览 32提问于2020-01-31得票数 0

回答已采纳

2回答