我尝试根据props值在div (带样式的组件)中切换文本。这个想法很简单:状态改变，它的值转到样式化组件的道具，然后根据它是什么，内容进行调整。不起作用的是之前/之后的内容。知道为什么吗？带样式的组件： export const Info = styled.div`
浏览 10提问于2020-03-29得票数 0
我有折叠样式的组件，我试图将一个道具传递给它，并在伪元素选择器中使用它，在本例中是before。然而，它并不像预期的那样起作用。但是，如果我将相同的道具传递给背景css属性或任何其他属性，则它完全可以工作。 /* This did not work */
&::bef
浏览 0提问于2021-12-20得票数 1
回答已采纳
1回答
在我的一个React组件中，我希望在创建样式组件时使用props来确定要使用哪个标记。具体来说，我在寻找props.headingLevel中的内容，以决定要创建哪个标题级别。例如h1或h2。所有样式化组件示例都显示组件是在function组件类或函数之外创建的，但是，当props可用时，我只能通过在函数中创建
浏览 0提问于2018-04-25得票数 2
我在样式化组件中动态地呈现之前的伪内容时遇到了麻烦。当我静态地呈现之前的伪内容时，我没有问题，但当我动态尝试它时，它就不起作用了。React组件 <Text before={12345}> </T
浏览 2提问于2017-09-21得票数 13
回答已采纳
2回答
我有以下内容：import { connect } from "react-redux";
}
let content = this.props.items > 0 ?this.state.value} /
浏览 0提问于2018-11-19得票数 0
回答已采纳
我正在将一个带样式的组件导入到另一个组件中，并试图通过将其放在视图中并使用flex将其推送到屏幕底部来移动它。尽管这样做“样式化组件并不像我放置它的视图的子类，这限制了我样式化组件的可重用性，我现在质疑样式化组件的使用。”=> props.theme.
浏览 1提问于2020-01-09得票数 0
我正在尝试(未成功)使用styled component将单个颜色值从父组件传递给子组件。如果颜色传递正确，则背景应为传递的颜色。否则是绿色的。无论我做什么，背景颜色都是绿色的，这里我错过了什么？Article color="red"/> ); background-color: ${
浏览 7提问于2020-11-30得票数 0
回答已采纳
我正在使用Bootstrap modals和构建react组件，以及传递样式组件。我面临的问题是，模式是通过ajax附加到dom的，并且驻留在我正在构建的导出样式组件包装器的外部。ButtonSecondary title={buttonText}
浏览 25提问于2020-10-19得票数 0
我创建了组件，我将道具传递给样式化的组件，它工作得很好，但一开始它总是会出现这个错误。组件 image: String,}
width: 100vw; background-color: ${props => prop
浏览 7提问于2020-04-14得票数 0
回答已采纳
我想通过Provider将一个自定义属性(确切地说:主题名称作为字符串)传递给每个传递的样式组件，这样它在整个css定义中都可用。ThemeProvider几乎做到了这一点，但它需要的是对象，而不是字符串。我不想传递带有主题设置的整个对象，只是我的主题的名称。我不想使用特殊的主题道具或类似的，因为我将不得不手动它每次我创建新的样式组件</
浏览 29提问于2019-07-17得票数 1
5回答
<Tab title="Third Title" className="staff"> </Tab>); 在Tabs组件中)justify="first title" 最后，子对象看起来像这样(这就是我想要传递的)： $$typeof:Symbol(react.elem
浏览 65提问于2016-09-23得票数 125
回答已采纳
给出以下简单的组件示例，该示例将样式化的组件用于可按下：
const，它接受样式道具，同时仍然使用样式组件。通常使用香草反应本地样式，这是非常简单的--将样式对象作为支柱传递，并将其
浏览 18提问于2022-05-04得票数 1
回答已采纳
我想切换到样式化的组件，有一件事让我感到困惑。在使用css模块时，我一直将许多UI组件创建为包装器，在中间传递props.children，然后在特定的".module.css“文件中设置包装器的样式。现在，当我看到样式化的组件是如何工作的时，就像创建一个组件并对该元素进行样式<em
浏览 3提问于2022-04-09得票数 0
3回答
关于这个错误有几个问题，但是没有人在类似的情况下提出，也没有我找到的解决方案，所以我要发布一个具体的问题。当在另一个组件中使用样式组件并将道具传递给它时，我需要创建一个新类型来将道具传递到样式组件，还是有某种方式使用现有的样式组件类型？
这是我的密码。似乎是as=""属性造成了上面的错误。我认为这与以下事实有关:我的组件只拿道
浏览 2提问于2020-05-12得票数 14
回答已采纳
我想在react中添加一个样式化的组件，并在其中传递道具。根据道具的不同，应该更改内部html。那么，根据我的道具，是否有一些CSS属性或其他东西可以用于在组件中动态添加文本？我可以这样做吗？const Container = styled.div<DateProps>`
background: ${props => props.date ?"green" : "red
浏览 0提问于2020-05-25得票数 1
只是寻找一些建议，在一个最好的可能的起点所描述的问题。我使用React和StyledComponents，基本上是想确保如果某个组件出现在DOM (导航栏)中--背景颜色是白色的，如果它不存在，那么我们就把背景颜色设为灰色。webkit-text-fill-color: ${themeProp("BODY_COLOR")}; }
`; 是否有可能对样式<e
浏览 17提问于2021-07-26得票数 0
1回答
我正在使用React样式组件库来对我的应用程序进行样式化，并无意中发现了一个问题，即我无法根据传递给组件的道具分配CSS属性。import React from 'react' width: ${props=> props.fraction}
浏览 2提问于2018-06-16得票数 0
回答已采纳
示例代码(学习反应代码示例，pp 146-150)；const Star = ({ selected=false, onClick= f=>f }) =>// sta
浏览 4提问于2019-11-05得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
腾讯会议
云直播
对象存储活动推荐
腾讯云开发者
