我希望仅当isOpen条件为真时才使用样式组件和react添加边框属性。const Wrapper = styled.div<{ $isOpen: boolean }>` display: flex;
`; 如何仅在isOpen为true时应用边框？
浏览 16提问于2020-11-04得票数 0
回答已采纳
1回答
我对使用样式组件设置react组件的样式有疑问。使用styled component将css属性添加到按钮非常容易，如下所示 const Button = styled.button` color假设我们有一个按钮，我向它添加了活动类和css属性，如下所示 <button cla
浏览 12提问于2019-09-27得票数 1
当前行为： 如果在浏览器上有条件地应用了样式，则来自服务器的样式不会更改，即使组件运行并正确传递了浏览器属性也是如此。要重现:显示组件的Codesandbox在服务器上有一组样式，然后当在浏览器上时，应该切换到不同的样式集 https://codesandbox.io/s/cool-worker-meil8?在浏览器上，isBrowser属性为真</e
浏览 17提问于2021-09-03得票数 0
如何根据父组件的属性将条件样式应用于样式化组件？<Parent>属性，这样我就可以有条件地设置它的样式。目前，我只是有条件地将一个类名应用于<Parent>中的一个div，然后我使用这个类名来对<Child>应用样式。但感觉不像是一种非常有样式的组件或React</e
浏览 21提问于2020-10-18得票数 1
我正在创建一个Express/React应用程序，并试图了解基本的脚手架结构。在我的根目录中，我有app.js，它在我运行npm run dev时启动所有东西，它调用脚本：
"dev": "pm2 start app.js --watch --interpreter .在我的app.js中，我设置了app.set('views', __dirname + '/views');，这意味着每当调用app.get(...)时，express都会在/
浏览 2提问于2017-09-10得票数 1
到目前为止，我一直在使用css模块使用react。我想切换到样式化的组件，有一件事让我感到困惑。在使用css模块时，我一直将许多UI组件创建为包装器，在中间传递props.children，然后在特定的".module.css“文件中设置包装器的样式。现在，当我看到样式化的组件是<e
浏览 3提问于2022-04-09得票数 0
我想使用三值运算符和路线使用react。( condition1或condition2为真)，用户在除"items/:itemId“之外的任何url中显示child1组件belwo是在路由<e
浏览 1提问于2020-07-20得票数 1
3回答
我对样式组件是个新手，我有点困惑。我们可以显示一些东西或添加功能到样式组件中吗？或者样式组件是我们只能应用css的组件
浏览 0提问于2019-10-03得票数 0
6回答
如何在样式组件中使用条件呈现将我的按钮类设置为active使用样式组件？在css中，我会这样做： onClick={ () => this.setState({activethis.state.active}) }>Click me</b
浏览 1提问于2018-01-29得票数 113
回答已采纳
3回答
我试图将我的项目从css转换为样式组件()，目前我已经转换了除一个组件之外的所有其他组件，检查了堆栈溢出中的其他示例，但不是相同的类型。我有条件类名英语不是我的母语，所以可能会被误解。我的代码：import Rea
浏览 14提问于2022-01-26得票数 4
2回答
关于使用React动态插入SASS类的最佳实践的基本问题。 我有一个带有两个属性的React组件：componentId和color。组件以列表的形式呈现。每次呈现它们时，我希望它们将组件的CSS背景颜色设置为this.props.backgroundColor。 我知道我可以使用内联样式做到这一点，但由于难以维护它，这通常是不受欢迎的。如何<e
浏览 37提问于2019-02-11得票数 0
回答已采纳
我试图将一个变量"width“传递给一个使用样式化组件的组件。"width“的值是鼠标位置的函数。将其直接传递到文字字符串会导致样式组件为每次鼠标移动创建一个新类，这会抛出一个警告。为了解决这个问题，我尝试使用.attrs方法将一个变量样式对象传递给组件，但是我不知道如何将这个css属性传递给组件。props
浏览 0提问于2020-08-06得票数 0
2回答
(这两个条件都必须为真)。将可见性绑定到检查ViewModel中的ItemsSource属性是否有任何项的只读属性是非常容易的，使用上面的链接还解决了如何仅在其ListViewItem被选中时才显示它，但我不能同时连接这两个条件当项目处于选中状态且组合框不为空时，如何才能仅显示ComboBox？ComboBox中的此样式仅在选中时</em
浏览 23提问于2021-07-20得票数 1
回答已采纳
我在NextJs中使用Swiper React组件创建了一个滑块，但是当导航属性设置为"true“时，会呈现一些我想要设置样式的难看的蓝色箭头。为了样式化我的组件，我使用了“@material-ui/ makeStyles / _app.js”中的样式，显然我不能在我的组件中导入css文件，除非它是我的自定义
浏览 6提问于2020-12-15得票数 0
使用带有语义UI React的样式组件创建的组件不会保留原始SUIR组件中的props类型。 不带样式的组件 如果没有设置样式的组件，SUIR组件属性类型信息将被保留。带有样式的组件 当我使用styled-components时，SUIR组件属性的类型信息会丢失。: (e:
浏览 16提问于2020-12-06得票数 0
我正在学习react，在做项目时遇到了这种情况。 我有下面的场景，其中2个react子组件在标准HTML元素下 如果我需要以单个react子元素为目标和样式，该怎么做呢？对于普通的超文本标记语言元素，我会为每个单独的child HTML element分配className并设置它们的样式。 但是这种方法不适用于react component，请建议如何处理它？
浏览 11提问于2021-06-24得票数 1
3回答
我在HTML页面中有一个图像图标，只有当某些条件为真时，才能显示正确的标签。如果条件是假的，它不应该显示，但它仍然应该占据相同的空间。
我相信你们中的大多数人都做过这样的事情，我有几个解决办法。像往常一样放置img标记，但在条件为false时添加到样式属性visibility: hidden。为img标记指定width和height样式属
浏览 7提问于2010-10-28得票数 0
回答已采纳
我正在研究在React应用程序中设置页面样式的最佳方式。我在react中看到了很多可以样式化的库，比如Styled Components，Glamor，CSS Modules。在我目前的项目中，我正在使用CSS模块(主要是为了摆脱css冲突和页面特定的CSS)。我用谷歌搜索了很多关于为什么我应该使用样式组件和CSS</e
浏览 0提问于2018-09-19得票数 26
从in开始，很容易找到说明如何使用react和样式化组件的教程。我发现这很容易，但是很难得到我想要的样式，因为我找不到一个字典等效的，它显示了允许的样式-组件列表与允许的属性或值的内部列表。例如(仅)按钮组件非常常见，但是没有一个文档显示类型属性的允许值。如何知道类型属性存在，然后才知道只有三个允许值按钮
谁能为我指出一个有用的
浏览 1提问于2019-10-09得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
腾讯会议
云直播
对象存储活动推荐
腾讯云开发者
