腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
2
回答
如
何在
React
中
添加
"
active
“
类
到
样式
组件
、
我正在学习
React
,我刚刚建立了关于
样式
化
组件
的知识,我想把我的代码重构成
样式
化
组件
。也许我根本不理解它,但我正在尝试将
添加
/删除
类
设置为“切换” 例如: 按钮--活动 这是我到目前为止尝试过的: render() { return ( <HamburgerBu
浏览 96
提问于2021-05-02
得票数 1
回答已采纳
1
回答
我们如何将css属性
添加
到
样式
化
组件
中
的
类
?
、
、
、
、
我对使用
样式
组件
设置
react
组件
的
样式
有疑问。使用styled component将css属性
添加
到按钮非常容易,如下所示 const Button = styled.button` color假设我们有一个按钮,我向它
添加
了活动
类
和css属性,如下所示 <button class='
active
'> click me</b
浏览 12
提问于2019-09-27
得票数 1
6
回答
样式
组件
中
的条件呈现
、
如
何在
样式
组件
中使用条件呈现将我的按钮
类
设置为
active
使用
样式
组件
?在css
中
,我会这样做: onClick={ () => this.setState({
active
this.state.
active
}) }>C
浏览 1
提问于2018-01-29
得票数 113
回答已采纳
4
回答
react
中
的CSS冲突
、
、
如
何在
不使用任何模块或外部依赖项的情况下使用普通CSS,
如
React
中
的CSS模块或
样式
组件
,避免
类
名冲突或CSS覆盖
到
其他
组件
?
浏览 1
提问于2021-01-25
得票数 0
1
回答
如何使用on Click事件为条件渲染编写
样式
组件
?
、
我不确定如
何在
我的
样式
化
组件
中
添加
一个click事件来触发活动
类
。我在这段代码中使用了
react
钩子和函数
组件
。下面是我试图用
样式
化
组件
复制的代码 <ul className={click ?'nav-menu
active
' : 'nav-menu'}> 现在它会自动显示活动
类
,但我只需要在单击时显示活动
浏览 13
提问于2020-09-03
得票数 0
9
回答
在
样式
组件
中使用
React
路由器
中
的“
active
”状态
、
当您在NavLinks链接到的页面上时,
React
路由器会向它们
添加
一个NavLinks
类
。如何使用
样式
组件
访问此属性。我需要
样式
不同的菜单项,当你在他们的网页上。
浏览 1
提问于2018-05-07
得票数 13
回答已采纳
4
回答
不能在
react
中将
类
提供给当前链接
如下所示:<li></li><a href="/subs">Subs</a></ul> 根据 post的解决方案,我试图只将
类
添加
到导航菜单
中
的当前页面链接(例如,如果您在/ page上,那么主链接应该
添加
浏览 5
提问于2020-09-05
得票数 0
回答已采纳
6
回答
CSS模块、
React
和重写CSS
类
、
我使用的是一个
React
库(
React
),它使用CSS和Webpack:label___1nGy
active
___1Jur tab___Le7N tab是我正在传递的className道具在他们的Tab
组件
中
输出该类。label和
active
类
来自库。我想在
active
上应用一组不同的
样式
,类似于.tab.
active
,tab指的是我创建的
样式
,
active
与库创建的生成选择器
浏览 10
提问于2016-02-04
得票数 30
回答已采纳
1
回答
与复合
组件
模式一起使用
样式
组件
时的依赖周期问题
、
、
我有一些使用复合
组件
方法创建的手风琴
组件
(瑞安·弗洛伦斯描述复合
组件
的精彩演讲)。这是我的Accordion.js文件。,
active
: isActive ?1 : 0}>{compoundChildren}
浏览 0
提问于2019-06-19
得票数 4
回答已采纳
2
回答
反应性路由器
中
的活动
类
、
、
嗨,我使用
react
路由器v6,我使用NavLink从一个
组件
导航
到
另一个
组件
。我想在NavLink
中
添加
自定义的
active
类
,如
何在
react
路由器v6
中
实现。我用这个,但没用。<NavLink className="px-3 py-2 bg-primary" to={"/"} activeClassName="btn-group
浏览 11
提问于2022-07-11
得票数 0
4
回答
使用反应性路由器当前路由在菜单上有条件地设置活动
类
、
Triangles}/> </Router> document.querySelector('.container')我的App
组件
看起来像这样,我想我可以在道具
中
传递位置: import Menu from '.location:
浏览 4
提问于2015-12-22
得票数 14
回答已采纳
2
回答
为什么一个FC
中
的css
类
不导入就可以在其他
组件
中
工作?
、
、
对于这个
组件
,我使用
类
"
active
“的描述创建了css文件,并将其导入
到
组件
中
。在这个
组件
中
,我还使用了
React
路由器
中
的NavLink。当用户点击这个元素时,NavLink给出一个元素
类
"
active
“。 在完全独立的其他
组件
中
,我也使用NavLink。在那里,我没有导入带有“活动”
类
描述的css文件。
浏览 7
提问于2022-05-28
得票数 1
回答已采纳
1
回答
使用
React
模块应用多个CSS
类
的
样式
、
我有一个
React
组件
,它使用onClick侦听器动态地应用CSS
样式
类
。这是可行的,当我在浏览器检查器
中
查看生成的html时,我可以看到我想要的输出。<div class="RecipeSection_recipe-section__Asce8
active
"></div> 但是,我在
React
模块
中
定义的
样式<
浏览 1
提问于2021-12-28
得票数 0
回答已采纳
3
回答
同构式加载器-如何
添加
“活动”
类
、
、
我正在使用并构建一个如下所示的列表
组件
:import withStyles from 'isomorphic-style-loader/lib/withStylescommand.command} ))} );我试图在我的li项<em
浏览 5
提问于2018-05-01
得票数 1
回答已采纳
1
回答
尝试在菜单/导航栏
中
为活动/默认选项卡设置CSS,但活动
类
不起作用
、
、
、
我有一个
React
组件
,在这里,我根据tabs
组件
中子元素的数量生成选项卡。我已经为选项卡的基本
样式
和:focus
样式
设置了CSS,但是当
组件
加载时,我尝试将相同的
样式
从:focus应用到:
active
类
,以便在加载菜单时默认选项卡显示为活动选项卡,但出于任何原因,将
样式
传递
到
:
active
类
并不适用于我的
样式
组件
。现在,当菜单
浏览 2
提问于2020-05-05
得票数 0
回答已采纳
1
回答
如何用普通CSS
类
名覆盖Chakra UI (或情感CSS-in-JS)
样式
?
、
、
、
、
npx create-
react
-app my-app --template @chakra-ui 我的问题 有没有办法迫
浏览 10
提问于2022-07-21
得票数 1
回答已采纳
1
回答
React
组件
中
的SVG
样式
类
、
我正在尝试将SVG集成
到
React
应用程序
中
,但我不确定如何指定
样式
类
以便与
React
一起使用。 我可以让SVG呈现并显示。但我不知道如何使<defs><styles>
中
的
类
可供
组件
访问。指定和访问这些
类
的正确方式是什么? 在下面的示例
中
,我希望能够将
active
类
添加
到SVG的test-logo-1部分。test&quo
浏览 17
提问于2020-10-06
得票数 0
回答已采纳
1
回答
在反应
中
、
、
、
、
我想
添加
选项卡分隔符(
active
style ),我看到它们使用了aria-selected:true来在
类
中
应用css
样式
,但是我不知道如
何在
react
中
覆盖这个
样式
,有人能解释我如
何在
react
中
覆盖这个
样式
吗?css-y2jimx[data-selected] {border-
浏览 6
提问于2022-06-03
得票数 1
2
回答
在Gatsby中使用ActiveClassName和CSS模块向活动链接
添加
样式
不起作用
、
、
、
我已经创建了一个包含以下链接的navbar.js
组件
:import { Link } from "gatsby"; /* navbar */ color: #FFF;nav ul li a.
active
{<a a
浏览 1
提问于2020-12-11
得票数 3
1
回答
设置反应选择下拉选项的格式
、
、
、
有没有办法格式化
React
input下拉菜单的选项? 例如,我希望有一个自动完成下拉列表,以带列的格式化方式显示选项。
浏览 0
提问于2016-09-29
得票数 0
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
React-动态修改样式和添加类别
在2018年你应该知道的9个关于CSS组件化的JS库
这里有25个React Native免费教程,请您查收
5分钟掌握Styled Components实用技巧
在React中使用TypeScript
热门
标签
更多标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
活动推荐
运营活动
广告
关闭
领券