腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
圈层
工具
文章/答案/技术大牛
搜索
搜索
关闭
发布
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
4
回答
父
元素
的
Active
NavLink
、
我正在使用React Router v4,我有一个例子,在我
的
导航链接上,我想启用指向
NavLink
父
元素
的
active
className,而不是
NavLink
本身。有没有一种方法可以访问路径(match),即使我不在Switch
元素
中? 或者我必须保持状态?因为我觉得它有点遗漏了路由器
的
概念。下面是我
的
示例,我希望将
active
className应用于li
元素
,而不是
浏览 61
提问于2018-01-06
得票数 23
回答已采纳
1
回答
如果
NavLink
是活动
的
,将类添加到
父
li
、
当<li>处于活动状态时,我需要向
NavLink
的
父
NavLink
标记添加一个类,但是我很难找到如何这样做,特别是因为没有CSS选择器来选择
父
元素
,而且显然
NavLink
不公开任何IsActive属性。我
的
代码是: <
NavLink
href="@Url"> </
NavLink
> <
浏览 2
提问于2022-03-17
得票数 0
回答已采纳
1
回答
无法在使用CSS隔离时设置
NavLink
样式
、
我正试图在我
的
主菜单中为按钮制作一个组件。<
NavLink
href="@Href" title="@Title"> <img src="@IconUrl"IconUrl { get; set; }我似乎无法锁定css文件中
的
NavLink
。我尝试过所有这些不同
的
变体,但是按钮在活动时从不改变颜色。impo
浏览 8
提问于2022-06-11
得票数 1
回答已采纳
2
回答
如何在React和CSS中设置“活动”类?
、
我有导航在我
的
反应应用程序。不过,如果在那个页面上,我希望导航
的
颜色有所改变。 <li className='menu-list-item menu-list-logo
active
'>Gatsby's</li></Link> <Link to=
浏览 2
提问于2020-02-16
得票数 0
回答已采纳
2
回答
使用react路由器将活动类添加到其他
父
html标记
、
我已经纠结了几个小时来弄清楚如何在所提供
的
反应器标签
的
父
html标签上添加classActive。" activeClassName="
active
"> <Link className="first-le
浏览 26
提问于2021-09-13
得票数 2
回答已采纳
1
回答
如何在<
NavLink
>标记
的
React.js中更改
父
元素
的
样式?
、
、
、
当选中
的
NavLink
处于活动状态时,我希望更改列表项
的
背景色属性。从我学到
的
文档中了解到,为了向activeClassName
NavLink
中添加一个额外
的
类,当它处于活动状态时,我可以使用它来制作我想要
的
东西,我需要一个在css中
的
父
选择器,这是不存在
的
。如何选择class标记
的
父
元素
(当它具有
active
NavLin
浏览 3
提问于2018-10-10
得票数 2
回答已采纳
3
回答
试图将导航条
的
内容集中起来
、
、
我有很多困难,了解它,但觉得决心使用它,以便能够使我
的
网站响应,因此支持移动设备。:hover { text-decoration: none;} color: #FFF;<header> <nav
浏览 3
提问于2020-06-09
得票数 1
回答已采纳
6
回答
ReactJS -- <a>标签上
的
未知道具‘`activeClassName`’。从
元素
中移除此支柱
、
我使用
的
是Reacti15.4.2和react-router4.0.0,这个项目是用引导
的
。 return( <h2>This is About page</h2> <Link activeClassName="
active
" to="/about/nestedone">Nestedone</
浏览 2
提问于2017-03-31
得票数 22
回答已采纳
3
回答
是否从整个页面中删除类?
我猜这是行不通
的
,因为从一个类中删除一个类是没有意义
的
,但是的。document.getElementsByClassName("nav-link").classList.remove("
active
");
浏览 21
提问于2020-10-16
得票数 0
回答已采纳
2
回答
在GWT Bootstrap中,如何为相同Bootstrap
元素
的
不同实例分配不同
的
样式?
、
对于GWT Bootstrap,我有如下
的
NavLists定义: <b:NavHeader>My Header</b:NavHeader> <b:
NavLink
href="#menu2:"
active
="true">
浏览 3
提问于2013-10-07
得票数 0
1
回答
如何在反应中改变
Navlink
子
元素
的
风格?
、
我有一个
NavLink
元素
,当它是
active
时,它会改变颜色,如下所示:当
NavLink
是
active
时,我要做
的
是改变它
的
元素
(img)
的
样式。它
浏览 0
提问于2019-11-19
得票数 0
回答已采纳
5
回答
“这”不像预期
的
那样起作用
、
、
这是HTML <li class="
navlink
"> </li> <a href=
浏览 8
提问于2013-03-14
得票数 4
回答已采纳
3
回答
如何在每个子组件上取消活动类,同时将其设置为已单击
的
子组件
的
活动类
、
、
、
到目前为止,我已经尝试在
父
类中使用钩子,在
父
类中,通过使用setActive('');取消对所有子程序
的
活动支柱,然后通过使用e.currentTarget.className === 'link--
active
((item, index) => ( <
NavLink
target={item} onClick={(e) => navigate(e)}
active
{props.t
浏览 2
提问于2019-05-02
得票数 0
回答已采纳
4
回答
React路由器(v4) Navbar
、
、
I使用
的
是反应性路由器-dom
的
v4 <NavIte
浏览 9
提问于2017-06-15
得票数 10
回答已采纳
2
回答
如何在JSS中将样式应用于子类
、
、
、
我连接到<
NavLink
>来应用一个活动类,如下所示: <
NavLink
to={'/dashboard'} activeClassName={classes.
active
}/> 这个类可以很好地添加到
父
按钮中,但是如果它是一个类,那么我在对子按钮应用样式时会遇到问题。当以
元素
为目标时,它可以工作,但不是类。 我已
浏览 23
提问于2019-01-14
得票数 6
回答已采纳
1
回答
通过单击
NavLink
来隐藏
父
组件
的
文本
、
、
我有一个
父
组件,它简单地呈现导言文本
的
'p‘和一个名为'PortfolioMenu’
的
子组件import PortfolioMenu from '.
的
某个链接时,我希望使
父
组件'Portfolio’
的
'p‘消失。谢谢import { BrowserRouter as Router, Route
浏览 0
提问于2018-04-17
得票数 3
回答已采纳
1
回答
如何在nextjs中添加
active
className
、
、
、
我是Nextjs
的
新手。当选择了导航链接时,我必须有一个活动
的
className。我在我
的
项目中使用Nextjs+react-bootstrap。我想实现
的
功能是,当有人点击一个特定
的
链接时,它
的
颜色应该会改变import { Navbar, Nav, Button
浏览 1
提问于2020-08-17
得票数 3
1
回答
Css3 -移除类
的
转换
、
、
、
、
我试图在已删除
的
类上应用动画转换,但它不起作用--我遵循以下链接:let nav = document.querySelector(".nav-container"); document.addEventListe
浏览 1
提问于2018-11-06
得票数 0
回答已采纳
2
回答
在引导中突出显示当前页面并使用react
、
、
、
我见过与此相关
的
多个问题,我试过所有这些问题,但都没有结果。因此,发布另一个看似重复
的
问题。 $( '#topheader .navbar-nav' ).f
浏览 3
提问于2020-01-15
得票数 1
2
回答
React - toggleClass on按钮激活所有按钮
、
、
我正在尝试使导航菜单类似于reactjs.org中
的
导航菜单,我正在使用Header组件和导航,它是带有链接和名称
的
对象。我使用状态添加onClick类,但这会切换所有按钮。"btn-
active
" : null} to={l.link} value我
的
目标是只激活被点击
的
链接,默认情况下需要激活导航菜单中
的
第一个按钮。我哪里做错了?
浏览 30
提问于2021-09-16
得票数 2
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
热门
标签
更多标签
云服务器
ICP备案
对象存储
云直播
腾讯会议
活动推荐
运营活动
广告
关闭
领券