腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(3974)
视频
沙龙
2
回答
如何使用
NavLink
-
NavLink
-dom将
路由器
设置为活动状态
javascript
、
reactjs
、
react-router
我正在使用
react
-router-dom,当url匹配时,我需要使red成为一个链接,
在
我的up
中
,我有两个url,/ => home和/map。使用当前代码,我可以路由到不同的
页面
,但当浏览器
中
的url更改时,
NavLink
不会突出显示。有没有办法解决这个问题。import
React
from '
react
' import {
NavLink
, Route } from '
浏览 1
提问于2017-09-06
得票数 3
回答已采纳
6
回答
ReactJS -- <a>标签上的未知道具‘`
activeClassName
`’。从元素
中
移除此支柱
reactjs
、
react-router
我使用的是Reacti15.4.2和
react
-router4.0.0,这个项目是用引导的。import ReactDOM from '
react
-dom'; return( <h2>This is About page</h2> <Link
a
浏览 2
提问于2017-03-31
得票数 22
回答已采纳
2
回答
对特定页
不起作用
的路由作出反应
reactjs
、
react-router-dom
我想在成功登录
后
重定向
到产品
页面
,但我遇到了错误,我搜索过的解决方案似乎都
不起作用
。我已经试过了useHistory,
重定向
,withRouter等。
路由器
的版本是:“
react
router”:"^5.1.2“,我使用webPack进行测试。to="/"
activeClassName
="is-active" exact={true}>Home </
浏览 2
提问于2021-01-13
得票数 0
1
回答
如何解决
NavLink
问题(
NavLink
不切换活动类)?
react-router
我对
NavLink
组件有问题。它工作得很好,但是它不切换活动类或任何其他类。 我试着使用
activeClassName
或activeStyle,但它仍然
不起作用
。我尝试过解决方案,我
在
github或堆栈溢出上找到了这些解决方案,但没有一个解决了我的问题。我得到了router ^16.8.6,
react
dom ^16.8.6,
react
路由器
^5.0.1,
react
路由器
dom ^5.0.1和
react
脚本3.0.1
浏览 0
提问于2019-06-07
得票数 0
回答已采纳
1
回答
如何在下一个js中将自定义活动类添加到仪表板的侧栏菜单
中
?
reactjs
、
next.js
、
dashboard
我创建了sidebar.modules.css文件,其中有一个活动类样式设置为background: #0077bb;但是我不希望它是这样的,当我从父屏幕调用这个组件时,我想在它
中
添加一个活动类const Home = () =>{<sidebar homeActive = 'active' />} 所有的
页面
都是这样的,我怎么能做到呢?
浏览 10
提问于2022-04-18
得票数 0
4
回答
React
路由器
(v4) Navbar
reactjs
、
react-router
、
materialize
I使用的是反应性
路由器
-dom的v4 </Switch> <
浏览 9
提问于2017-06-15
得票数 10
回答已采纳
1
回答
React
路由器
NavLink
和
activeClassName
的问题
css
、
reactjs
、
react-router
我的第一个问题是,我
在
菜单上有三个链接。家,关于和添加食物。
NavLink
activeClassName
按预期工作,除了这一点:即使当我移动到其他链接时,Home也始终保持活动状态。
在
截图中,我已经转到了/about
页面
,但是Home *li仍然很活跃。 第二,由于某种原因,边界半径在这些项目上
不起作用
。是因为他们有厚厚的垫子吗?我的代码:import
浏览 2
提问于2019-11-03
得票数 0
回答已采纳
1
回答
使用,使用
NavLink
设置活动
页面
类?
reactjs
、
semantic-ui
我使用语义UI反应和反应
路由器
。
React
路由器
的
NavLink
组件集知道它的活动
页面
链接,并可以设置一个活动类:然而,这并不适用于语义用户界面的反应: header as={
N
浏览 1
提问于2017-11-22
得票数 8
回答已采纳
3
回答
为什么
activeClassName
属性
在
NavLink
中
不能在6.0.2版本的
react
路由器
中
工作?
reactjs
、
react-router-dom
我使用
activeClassName
属性向链接添加了一个新的类,而在active state.it
中
,它在
react
路由器
-dom的5.0.3版本
中
工作得很好。但在6.0.2版
中
,它开始向我展示警告,而且它
不起作用
。我无法找到任何关于这一变化的描述,在给出的文件
在
反应-
路由器
网站。<
NavLink
activeClas
浏览 0
提问于2021-11-17
得票数 5
回答已采纳
4
回答
使用反应性
路由器
当前路由
在
菜单上有条件地设置活动类
reactjs
、
react-routing
我使用的是
react
路由器
1.0.2,我的路由如下所示: <Provider store={store}> </Router> document.querySelector('.container')我的App组件看起来像这样,我想我可以
在
道具
中
传递位置: im
浏览 4
提问于2015-12-22
得票数 14
回答已采纳
4
回答
不能在
react
中将类提供给当前链接
reactjs
我
在
导航菜单中有一些链接,它输出html,如下所示:<li></li><a href="/subs">Subs</a></ul> 根据 post的解决方案,我试图只将类添加到导航菜单
中
的当前
页面
链接(例如,如果您在/ pag
浏览 5
提问于2020-09-05
得票数 0
回答已采纳
9
回答
在
样式组件中使用
React
路由器
中
的“active”状态
react-router
、
styled-components
当您在NavLinks链接到的
页面
上时,
React
路由器
会向它们添加一个NavLinks类。如何使用样式组件访问此属性。我需要样式不同的菜单项,当你在他们的网页上。const LinkElem = styled(
NavLink
)` font-weight: 400; ${props => console.log(props
浏览 1
提问于2018-05-07
得票数 13
回答已采纳
3
回答
React
路由器
如何在单击同一页时显示每个组件
javascript
、
reactjs
、
react-router
我
在
React
中
创建了一个简单的菜单,它有四个链接。当我单击每个链接时,一个不同的组件将呈现在菜单下方。当前我的
路由器
在
新
页面
上显示每个组件,如何使用
React
router
在
单击时
在
同一
页面
上显示它们?我尝试使用Switch并移动BrowserRouter,但
不起作用
。以下是菜单组件: import
React
, { Component } from '
rea
浏览 1
提问于2019-12-14
得票数 0
2
回答
ReactJS
路由器
activeClassName
问题
reactjs
、
react-router
、
toggle
、
react-router-dom
、
classname
我正在使用
路由器
在
npx创建-反应-应用程序。我想将
activeClassName
应用于我的NavLinks,但由于某种原因,它
不起作用
。请有人向我解释一下,为什么当我点击
activeClassName
时,
NavLink
没有被应用到它上。这是密码。Nav组成部分:import {
NavLink
} from '
react
-rout
浏览 6
提问于2020-06-28
得票数 0
4
回答
react
路由器
索引路由始终处于活动状态
javascript
、
reactjs
、
react-router
我试图通过使用
react
activeClassName
属性来调整导航的样式。到目前为止,它按照预期工作,但是有一个问题--我的第一个导航链接指向根路由(/)。因此,即使
在
另一个URL上,它也会将该URL (例如,/skills)和根注册为active (所以2个菜单项被样式化)。import
React
, { PropTypes } from '
react
'; import { Link, IndexLink } from &
浏览 5
提问于2016-08-28
得票数 16
回答已采纳
6
回答
反作用带和反应-
路由器
4.0.0-beta.6 -活动<
NavLink
>
react-router
、
reactstrap
我使用的反应带和反应-
路由器
4.0.0-beta.6在教育项目,是位于gitlab与自定义域。根据Reactstrap docs:这就是我应该使用active
navlink
的方式 ...<
NavLink
href="#" active = true >Link< /
NavLink
>
浏览 4
提问于2017-02-21
得票数 8
回答已采纳
1
回答
如何在ReactJS
中
从一条路线导航到另一条路线
reactjs
、
react-router
我一直
在
尝试使用
react
和
react
-router-dom开发一个Web应用程序,用户可以点击我的
react
路由上的按钮。我希望在理想情况下,用户被导航到完全新的
页面
后
,点击该按钮。作为参考,我有一个登录
页面
,在那里我有
react
路由器
,允许用户
在
登录或注册表单之间切换以显示
在
页面
上 <
NavLink
to="&
浏览 6
提问于2020-06-09
得票数 0
1
回答
React
NavLink
activeClassName
不工作
javascript
、
css
、
reactjs
、
routes
、
react-router
我有一个导航栏与他的导航链接,我想改变颜色时,一些
navlink
是活动的,但我不知道为什么是不可能做到这一点。 <
NavLink
to="/ruta-prueba"
activeClassName
="active">Blog</
NavLink
><
NavL
浏览 0
提问于2020-10-11
得票数 0
3
回答
html标签"/href“与
navlink
或Link的区别
reactjs
、
react-redux
、
react-navigation
、
react-router-v4
html标签"/href“和
react
路由器
提供的导航
页面
的
navlink
有什么区别?我可以使用这两种方法来导航到不同的URL
页面
,那么为什么需要引入
Navlink
或Link呢?
浏览 1
提问于2018-12-20
得票数 4
回答已采纳
1
回答
ItemsCarousel反应
reactjs
你好,在这个itemsCarousel上有谁能帮助我不要滚动到第一个item..if试图看到第三个项目,我可以看到第一个项目将再次出现在列表
中
,我无法看到第三个项目是活动的,或者我试图使用itemsCarousel我
在
condesandox
中
开发了示例项目,这是链接。import
React
from "
react
";import ItemsCa
浏览 2
提问于2020-04-21
得票数 0
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
关于 React 路由,这些你必须知道!
React Router入门指南
Next.js 9.5 正式发布:支持 Webpack 5
构建带有身份验证的Preact应用程序
快速搭建你的 github pages 个人博客——基于 Create-React-App 的单页面应用实践
热门
标签
更多标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
活动推荐
运营活动
广告
关闭
领券