使用样式化组件更改classList动态更改的组件的样式

文章/答案/技术大牛

发布

1回答

javascript、reactjs、styled-components

我正在尝试切换组件的classList，并在此基础上有条件地更改其样式。{ ${Days} { } }我有一个切换'show'类的按钮，但是组件似乎没有改变。单击按钮时，Days组件应该具有display: none样式。

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

1回答

将样式组件与硒定位器集成

css、reactjs、selenium、python-unittest、styled-components

我将在一个使用react样式组件的网站上运行自动化测试。由于样式组件经常更改CSS选择器，我的问题是:选择包含由样式组件生成的动态CSS样式的元素的替代方案是什么？我使用过X-path，但并非所有元素都是x-path的最佳候选元素。

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

2回答

在react中动态地构造子组件的样式

css、reactjs、sass

我使用sass通过导入每个组件编译的css来对组件进行样式化，这将不会动态地样式或扩展良好的。我有一个主应用程序组件的主样式表，包含具有媒体查询和不同自定义列大小的响应性UI类。我不想在主组件的每个子组件中重复这些类。为了确保每个人都能接触到他们..。--我在接近组件样式<

浏览 4提问于2019-09-25得票数 0

回答已采纳

1回答

为多个动态创建的组件从BehaviorSubject检索值

angular、dynamic、rxjs

我正在创建一个动态预览，在其中拖放，组件在预览画布中动态生成。组件可以在相同的预览画布中重复。在删除组件设置时，例如，样式等就会像工具箱一样生成。我已经成功地动态创建了元素，文本组件中的文本值可以单独更改。但是，当从组件设置应用样式时，样式在画布中的所有文本组件上更改，而不是单独更改<

浏览 3提问于2020-12-30得票数 0

回答已采纳

1回答

从React属性更改样式化组件中的css变量

css、reactjs、css-grid、styled-components、emotion

我正在使用CSS网格来创建一个动态表。列数和行数是动态的，并且基于我从React中更高的组件中获得的道具。如何将样式化组件(情感)中的css变量更改为从React props获得的数据？

浏览 25提问于2019-04-16得票数 0

1回答

样式化-组件动态更改主题

javascript、reactjs、styled-components

有没有办法让styled-components主题可以动态调整？例如，我希望用户能够在UI中更改主题，还可以在登录时从API获得主题设置。目前，我的主题如下所示，但我想要更改变量的硬编码数据，我可以从UI设置这些变量 import { DefaultTheme } from 'styled-components' export const

浏览 15提问于2021-01-25得票数 0

1回答

如何在动态导入中使用样式组件？

reactjs、styled-components

我试图找到一种动态导入svg的方法，它继承了一些标准样式。我没看到其他人在写这件事..。所以我觉得我走错路了。我尝试在样式化的组件中创建SVG包装器，但这给了我一个svg > svg > path的巢，我不确定这是否正确。我想避免使用内联风格的情况下，具体问题以后。SVG图标代码<--使用，我将svg导出为默认的React组件 export {

浏览 0提问于2019-08-01得票数 3

回答已采纳

1回答

带有样式组件的级联文本颜色

react-native、styled-components

我正在尝试创建一个包含包装组件中的<Text>组件的Reactinative组件： <View {...props}> color: #000; background: #F00;我以这种方式组合组件，以便在更改背景色时，从

浏览 0提问于2018-12-17得票数 0

回答已采纳

1回答

如何在作用域样式中更改css parrent？

vue.js、vuejs2、vue-component、vue-styleguidist

我想在子元素中更改父css类，并在离开时重新设置它，如何实现呢？color: blue</style>在子-b中没有样式范围，离开后文本没有变化。on child a:文本是红色的on子b:文本是蓝色的在a:文本是蓝色的 document.getById(&

浏览 7提问于2020-07-31得票数 2

2回答

如何使用样式化组件设置物料ui抽屉组件的背景色？

javascript、reactjs、material-ui、styled-components

背景问题更改背景颜色并不符合我的预期。简单地将样式添加到带样式的组件中似乎会在错误的级别上应用样式。我尝试过<

浏览 1提问于2018-08-09得票数 3

2回答

Angular2在组件之外更改父样式

css、angular、angular2-template、angular2-directives

我想在当前组件的作用域之外更改组件的样式。我的app.component.html中的标记如下：<div id='content-container'></div> 我希望更改应用程序导航组件</em

浏览 2提问于2017-09-25得票数 4

1回答

我什么时候才能直接用有样式的组件来使用吸引和传递道具呢？

javascript、css、reactjs、styled-components

对于何时应该使用attrs构造函数在样式组件中传递道具，我感到有点困惑： style: {我知道第一种方法是改变内联风格，第二种方法是生成一个类，但是，我不确定这些差异的含义。我在控制台中看到了一个错误：“为组件styled.div生成了200多个类。请考虑使用attrs方法，以及用于频繁更改的样式的</

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

回答已采纳

1回答

样式组件在重构后停止工作。

css、reactjs、styled-components

样式-部件停止工作。我可以毫不费力地使用样式化组件，但是在完成重构(创建子组件)之后，一些样式化的组件突然停止工作。> </Container>}; 样式

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

3回答

Mui中的样式组件工作流-如何样式

javascript、reactjs、material-ui、styled-components

我正在工作一个新的反应项目和使用材料ui与样式组件和有一些麻烦的造型和组织。我读过关于样式化组件和最佳实践的文章，但我仍然无法找到在大型项目中设计样式的解决方案。我见过很多建议：为了每次创建样式化的组件，需要添加一些css，并将所有这些组件存储在styled.ts文件中。这种方法将所有的样式</e

浏览 4提问于2022-07-22得票数 0

1回答

事件触发的样式组件css更改

css、reactjs、styled-components

我现在才转向样式化的组件，无法为这个相当简单的逻辑找到答案:如果字段的验证失败，它应该有红色边框。使用经典的CSS类： let mail = e.target.value;} 我怎样才能做类似于e.target.classList.add("error")的事情？

浏览 1提问于2021-07-27得票数 2

回答已采纳

3回答

当我们使用样式化组件时，会显示随机的类吗？

javascript、css、reactjs、styled-components、css-in-js

我正在使用React中的样式组件。每当我在样式组件中编写样式，如果在浏览器中加载应用程序，在开发人员工具的elements选项卡中就会得到一些随机的类名。我只想知道幕后发生了什么？primary GitHub<Button as={Link} href="/docs"></Button&

浏览 0提问于2020-01-29得票数 4

1回答

不能在文本组件中动态修改组件A的样式。我该如何解决这个问题？

huawei-mobile-services、huawei-developers、huawei-push-notification

当我将组件A放在文本组件中时，样式中的文本颜色将被绑定。如果更改绑定文本颜色的值，则无法更改组件A的文本颜色。例如，如果希望将文本颜色从蓝色更改为红色。样本代码：<text> <a href="https://huawei.com" style="color: {{textcolor}};"

浏览 2提问于2021-02-22得票数 0

2回答

使多个synth LookAndFeels同时在java swing应用程序中共存

java、swing、look-and-feel、uimanager、synth

我正在使用synth外观和感觉开发一个java swing应用程序。每个可能的swing组件都有样式。但是，我必须将其“逐步”地集成到应用程

浏览 22提问于2021-12-13得票数 0

回答已采纳

2回答

在vaadin中更改样式定义

css、vaadin7

我有动态隐藏组件的代码；它使用component.addStyleName("name")将样式添加到组件中，并定义该样式以隐藏组件。我有一个包含大量组件的页面；我可以将它们放在数组中并执行此操作，但我希望有一种不同的方法。我想为所有这些组件分配它们自己的样式--比如"costPanel“--然后使用</em

浏览 3提问于2016-10-10得票数 0

回答已采纳

3回答

React Material UI- NativeSelect下拉菜单样式自定义

css、reactjs、material-ui

我们在现有项目中使用了NativeSelect组件。现在我们需要更改NativeSelect框下拉菜单的样式。如果我们使用Select，我们可以使用MenuProps很容易地解决这个问题。但在NativeSelect中，我们只能使用<option>，不能使用MenuProps和MenuItem。如何更改NativeSelect下拉菜单的样式以符合我们的

浏览 55提问于2019-04-09得票数 1

回答已采纳

点击加载更多