腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
搜索
搜索
关闭
发布
文章
问答
(9999+)
视频
沙龙
1
回答
如
何在
样式
化
组件
的
props
函数
中
访问
CSS
变量
?
、
、
、
、
它正在使用带
样式
的
组件
。在main.
css
文件
中
,我定义了一个
变量
,
如
- primaryColor: 'red';在React应用程序
中
,我有像这样
的
样式
组件
(不工作)- color: ${
props
=>
props
.color?
props
浏览 9
提问于2019-11-03
得票数 2
回答已采纳
1
回答
"font-variation-settings“可以在styled-components .attrs方法中使用吗?
、
、
、
我试图将一个
变量
"width“传递给一个使用
样式
化
组件
的
组件
。"width“
的
值是鼠标位置
的
函数
。将其直接传递到文字字符串会导致
样式
组件
为每次鼠标移动创建一个新类,这会抛出一个警告。为了解决这个问题,我尝试使用.attrs方法将一个
变量
样式
对象传递给
组件
,但是我不知道如何将这个
css
属性传递给
组件</
浏览 0
提问于2020-08-06
得票数 0
2
回答
是否可以根据复选框
的
状态对复选框
的
子复选框进行
样式
设置,而不必在
样式
组件
中使用三元结构?
、
、
、
我正试图用
样式
化
的
组件
对该
组件
进行
样式
化
,但我
的
解决方案似乎很麻烦。使用
样式
组件
设计此
组件
的
最佳实践是什么?使用纯文本HTML和
CSS
,我可以创建以下内容:<label> <div class
浏览 0
提问于2019-04-01
得票数 0
回答已采纳
1
回答
样式
组件
-
组件
中
的
样式
在我刷新之前不会应用。刷新一个
组件
会破坏另一个
组件
的
样式
。
、
、
我有一个家庭
组件
和一个项目
组件
。使用,我根据项目输入道具
的
数量动态地在项目
组件
中
设置flexbox属性。但是,在我刷新
组件
之前,
样式
是不适用
的
。然后,如果我导航回家乡,该
组件
上
的
样式
就会中断,直到我刷新为止。我用
的
是拉勒维尔
的
反应前端预置。反应代码:
浏览 0
提问于2019-03-27
得票数 0
9
回答
在
样式
组件
中使用React路由器
中
的
“active”状态
、
当您在NavLinks链接到
的
页面上时,React路由器会向它们添加一个NavLinks类。如何使用
样式
组件
访问
此属性。我需要
样式
不同
的
菜单项,当你在他们
的
网页上。const LinkElem = styled(NavLink)` font-weight: 400; color
浏览 1
提问于2018-05-07
得票数 13
回答已采纳
1
回答
香草
CSS
反应?
、
、
我正在构建一个第一次反应应用程序,我不知道什么是正确
的
方式,您
的
组件
样式
。在每个
组件
或页面旁边,我创建一个具有.
css
扩展名
的
文件,并隐式地使用它,因为我觉得这种方式是最简单
的
,但显然存在一些缺点,因此我不知道它是否被认为是一种糟糕
的
做法。使用
样式
化
的
组件
/
css
模块更好,还是真的不重要?
浏览 1
提问于2020-08-09
得票数 1
回答已采纳
1
回答
情感
中
css
道具
的
类型
、
我正在将一个项目从
样式
组件
迁移到情感,但是
css
支持对象有问题。在
样式
化
的
组件
中
,我编写
的
可重用
样式
如下:opacity: 0; ${
props
=&g
浏览 1
提问于2022-04-08
得票数 4
1
回答
如何将一个道具从父
样式
组件
传递到它
的
子
样式
组件
(无论多深
、
、
、
、
我有这些带
样式
的
组件
: import styled, {
css
} from 'styled-components' background-color}; margin-right: 15px; active &&
css
"hsl(235, 19%
浏览 14
提问于2021-07-12
得票数 1
1
回答
如何使用React
中
的
CSS
模块动态地将多个类传递给子
组件
、
、
我是React.js
的
新手。我使用
CSS
模块进行
样式
化
,我希望动态地将多个类传递给一个子
组件
。下面是我
的
密码。这里,我将p-1彩色红色传递给子
组件
。<Demo headerClass={this.state.headerClass}> );} 子
组件
因为类名是动态
的
,而且有多个类,我不知
浏览 6
提问于2021-09-26
得票数 0
回答已采纳
1
回答
检查
样式
化
组件
中
是否存在属性
、
、
我刚刚开始与
样式
组件
,并想创建按钮,导航栏等东西
的
变化。 例如,我想创建一个深色版本
的
导航栏(其中背景颜色会变暗,文本颜色会变亮)。我想要做
的
是简单地在一个
组件
上添加一个暗道具,如下所示: <Navbar dark>...</Navbar> 我想这样做,而不是像这样: <Navbar type="dark">...也就是说,如何仅通过检查prop名称是否存在来设置元素
的
样式
(不向prop
浏览 14
提问于2019-05-06
得票数 5
回答已采纳
1
回答
如何根据媒体查询更新
样式
组件
的
变量
?
、
、
我
的
主题如下:我在
组件
中
以这样
的
方式使用这个
变量
:const Button = styled.button` --color: red; @media (max-width: 991px)
浏览 0
提问于2020-11-20
得票数 0
1
回答
从React属性更改
样式
化
组件
中
的
css
变量
、
、
、
、
我正在使用
CSS
网格来创建一个动态表。列数和行数是动态
的
,并且基于我从React
中
更高
的
组件
中
获得
的
道具。 如何将
样式
化
组件
(情感)
中
的
css
变量
更改为从React
props
获得
的
数据?
浏览 25
提问于2019-04-16
得票数 0
1
回答
样式
组件
与
props
.children
、
到目前为止,我一直在使用
css
模块使用react。我想切换到
样式
化
的
组件
,有一件事让我感到困惑。在使用
css
模块时,我一直将许多UI
组件
创建为包装器,在中间传递
props
.children,然后在特定
的
".module.
css
“文件
中
设置包装器
的
样式
。现在,当我看到
样式
化
的
组件
是如何
浏览 3
提问于2022-04-09
得票数 0
3
回答
如何应用基于道具
的
样式
?
、
、
有更好
的
方法吗?
css
_property: '
css
_value1',
浏览 0
提问于2018-08-10
得票数 4
回答已采纳
2
回答
作为内联
样式
添加
的
Vue
css
变量
、
、
我在
组件
中使用
css
变量
,并根据安装程序()中计算
的
数据设置div
的
宽度 const progressBar = PositionService.getProgressBar(
props
.position);} 然后我使用这个
变量
作为
css
浏览 11
提问于2022-08-22
得票数 0
2
回答
样式
-
组件
-如何使用:在道具上没有()选择器?
、
假设我有一个具有属性
的
元素“选择”了 Text &:not(???){ }如何选择没有“选择”属性
的
按钮
的
所有实例? 也许还有另一种方法来实现我想要达到
的
目标?
浏览 6
提问于2022-07-31
得票数 0
回答已采纳
2
回答
Next.js应用程序
中
CSS
模块
的
特异性控制
、
、
、
、
我试图找出一个很好
的
工作流程,如
何在
Next.js中使用Tailwind和
CSS
,但是我遇到了一些棘手
的
问题,涉及到Webpack插入
样式
的
顺序和特性。选项1是提取
组件
,
如
中提到
的
export const Button =
props
=> <button {...
props
} className={`btn {
props
浏览 7
提问于2021-03-16
得票数 12
1
回答
是否可以将道具传递给
样式
组件
的
"
css
“元素?
、
、
我可以用styled.div做这件事 color: ${
props
=>
props
.color || 'black'};如何使用
样式
化
的
组件
css
元素做类似的事情?const BlackBGCSS =
css
`` 现在我
的</e
浏览 3
提问于2018-11-22
得票数 13
回答已采纳
1
回答
阻止React呈现内联
样式
、
、
、
、
CustomButton>; ${({
props
}) => `; 如何防止React将“color=”高亮显示呈现为第1行
中
的
内联
样式
?我有时会使用
CSS
命名属性在JS库
中
<e
浏览 17
提问于2021-06-28
得票数 0
1
回答
如何使用React动态应用
CSS
样式
?
、
我想知道如何动态地将
CSS
应用到属于React
中
CSS
类
的
页面
中
的
所有元素?目前,我使用
的
方法如下: x.style.fontSize= `${data.value}%`;它可以工作,但我想知道是否有更有效
的
方法而不是使用document.querySelectorA
浏览 5
提问于2021-06-13
得票数 0
回答已采纳
点击加载更多
相关
资讯
我用React和Vue构建了同款应用,来看看哪里不一样(2020版)
我用React和Vue构建了同款应用,对比看看
8 个很棒的 Vue 开发技巧
很有用的 Vue 开发技巧
我用Vue和React构建了相同的应用程序,这是它们的差别
热门
标签
更多标签
云服务器
ICP备案
腾讯会议
云直播
实时音视频
活动推荐
运营活动
广告
关闭
领券