腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
react
中
NavLink
上
的
触发器
焦点
()
reactjs
、
react-router
、
focus
、
accessibility
、
react-router-dom
我试图使用ref在
NavLink
元素
上
触发focus(),以实现键盘可访问性,但我收到错误,ref无法分配给无状态组件。实现我
的
目的
的
一种方法是使用document.getElementById('myId').focus()。但我正在寻找一种在
NavLink
上
触发focus方法
的
方法,而不实际使用DOM库,如果可能的话。 我想从一个在地图中呈现
的
NavLink
列表
中
聚焦
NavLink</
浏览 28
提问于2020-09-16
得票数 0
1
回答
反应useEffect呈现变化在第二次点击?
reactjs
、
react-hooks
我有一个NavBar组件,当选择其他选项之一时,我希望NavBar
上
的
某些项被停止。const { render } = ReactDOM import {
NavLink
} from '
react
-router-dom'
浏览 5
提问于2022-05-02
得票数 2
2
回答
仅在刷新时响应
焦点
useRef
javascript
、
reactjs
、
react-hooks
我正在使用<
NavLink
/>将导航定向到特定
的
组件。我认为这是问题所在,但问题是: 当完成路由和组件呈现时,我试图让一个元素聚焦。现有的方法有些工作-滚动工作(即,我想要聚焦
的
元素在底部附近,自动滚动工作。但是,
焦点
框不存在)。但是,当我刷新时,它可以按需要工作-
焦点
具有滚动到功能,并且在元素周围有一个突出显示
的
框。我不知道问题是什么,但我认为这是一个事实,即组件从<
NavLink
/>获得它
的
初始呈现。
浏览 4
提问于2022-03-20
得票数 0
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
回答
类型'{子:字符串;确切:真;activeClassName: string;className: string;to: string;}‘不能分配到键入'IntrinsicAttributes & Nav’
reactjs
、
typescript
、
react-router-dom
你好,我是一个入门
的
反应路由器-v^6.2.2,并产生了基本
的
来源与创建-反应-应用程序
上
的
模板类型-v4.6.2。 它可以工作,但我
的
控制台Visual代码中有此错误。我在activeClassName和
NavLink
标签上有一个问题。在'IntrinsicAttributes & NavLinkProps & RefAttributes‘类型
上
不存在属性'activeClassName’。”从“
react
路由器-
浏览 3
提问于2022-03-15
得票数 1
1
回答
反应activeClassName性质
的
NavLink
不工作
javascript
、
html
、
css
、
reactjs
我一直试图使用
NavLink
的
NavLink
属性将特定
的
颜色和背景应用于链接/锚。但是,这些更改没有在单击时显示。我在下面附加js和CSS片段import
React
from '
react
';import '.='active_link' to='/
浏览 0
提问于2022-01-02
得票数 1
回答已采纳
4
回答
React
路由器(v4) Navbar
reactjs
、
react-router
、
materialize
I使用
的
是反应性路由器-dom
的
v4 我需要访问nav组件
中
的
this.props.match,以便设置活动类。我用
的
是反应物化。在<NavItem>标记
中
,我想添加className={this.props.match ? 'active' : ''}。然而,我似乎无法进入比赛。每次在控制台中打印道具时,道具都是一个空对象。// Exerp From: https://github.com
浏览 9
提问于2017-06-15
得票数 10
回答已采纳
3
回答
React
- KeyBoard在ul li列表
上
导航
javascript
、
html
、
reactjs
我有一个带有ul li列表
的
项目列表,它通过一个map函数构建,看起来像- return (|C|D|现在我想通过键盘移动一个选定
的
项目,就像这样-如果用户将鼠标指针移动到A,然后按向右箭头,B将显示选定,如果用户按向下箭头,那么C将显示选定。同样,如果用户在C
上
按向上箭头,则移动到A。
浏览 19
提问于2020-02-25
得票数 0
4
回答
不能在
react
中将类提供给当前链接
reactjs
它输出html,如下所示:<li></li><a href="/subs">Subs</a></ul> 根据 post
的
解决方案,我试图只将类添加到导航菜单
中
的当前页面链接(例如,如果您在/ page
上
,那么主链接应该添加一
浏览 5
提问于2020-09-05
得票数 0
回答已采纳
1
回答
如何为
React
路由器6
NavLink
设置几个类?
javascript
、
reactjs
、
react-router
如何在使用className时为
NavLink
isActive分配多个类?实际
上
,我想添加一个基本链接样式,比如字体大小,如果它是活动
的
,那么就应该应用active类,否则就应该应用基样式类。我
的
组成部分: to={category.url} onClick={closeMenuclasses.active : classes.link)}
浏览 13
提问于2022-08-07
得票数 1
回答已采纳
3
回答
反应性路由器-dom
NavLink
isActive不能正常工作。
javascript
、
reactjs
我们正在使用
React
.js进行一个项目。我正在配置多个页面,使用,我希望使用
NavLink
更改当前活动
的
图标。 icon+sel是用于活动页面的。
NavLink
.match ?
NavLink
.match ?
NavLink
.match ?
NavLink
.match ?
浏览 1
提问于2019-05-10
得票数 0
回答已采纳
6
回答
ReactJS -- <a>标签上
的
未知道具‘`activeClassName`’。从元素
中
移除此支柱
reactjs
、
react-router
我使用
的
是Reacti15.4.2和
react
-router4.0.0,这个项目是用引导
的
。import ReactDOM from '
react
-dom';import {BrowserRouter as Router,Route,Link} from '
react<
浏览 2
提问于2017-03-31
得票数 22
回答已采纳
4
回答
Reactstrap Bootstrap导航栏在
react
应用程序
中
不起作用
reactjs
、
bootstrap-4
、
navbar
、
create-react-app
、
reactstrap
我用'create
react
- app‘创建了一个
react
应用。import
React
from '
react
'; Collapse, NavbarToggler, Nav,
NavLink
, UncontrolledD
浏览 0
提问于2019-02-05
得票数 9
1
回答
ReactJS路由页面刷新
javascript
、
reactjs
</BrowserRouter> );以下是“门户”组件: <
NavLink
to="files"
浏览 0
提问于2020-12-16
得票数 0
回答已采纳
2
回答
在ReactJS
中
更改其他页面的页眉背景颜色
javascript
、
reactjs
、
react-router
我有下面的
react
代码。 My code 我想要
的
是,当我点击“主页”菜单背景应该改变为红色,在其他情况下,蓝色。
浏览 29
提问于2020-06-29
得票数 1
回答已采纳
2
回答
当我使用<Link>标签时,Nav不显示
javascript
、
html
、
css
、
reactjs
、
react-router
值得注意
的
是,我使用了锚标记,并且正确地呈现了锚标记。但是,在更改为Link标记后,将不会再次显示任何内容。下面是我
的
代码:import
React
, {Component} from '
react
'; class
浏览 1
提问于2020-06-12
得票数 0
回答已采纳
2
回答
让MenuItem在NavDropdown中有一个链接
javascript
、
reactjs
、
dashboard
、
react-bootstrap
我是ReactJS和Bootstrap
的
新手,所以如果这是个愚蠢
的
问题,我很抱歉。我在网上下载了一个模板,在我
的
应用程序
的
导航栏中有一个下拉列表。作为参考,下面是下拉列表
的
样子:我想要
的
是每个<MenuItem> ( 'API服务#‘按钮)将我发送到不同
的
链接。我试过稍微调整一下,这就是我到目前为止所得到
的
: import
React
, { Component } from "
rea
浏览 0
提问于2019-08-07
得票数 0
回答已采纳
3
回答
组件
中
的
React
.js路由必须根据URL调用其他组件
javascript
、
node.js
、
reactjs
、
react-router
、
react-router-dom
我开始学习反应,并试图在我
的
旧项目中实现它。问题如下。有带行
的
App.js import {BrowserRouter, Route} from '
react
-router-dom'; import {
NavLink
} from '
react
-
浏览 2
提问于2020-04-25
得票数 1
1
回答
React
路由器v6 -使用
NavLink
,但没有找到匹配位置
的
路由"/“
javascript
、
reactjs
、
routes
、
react-router-dom
我试图在我
的
app.jsx文件中使用
navlink
在我
的
导航栏
中
创建链接,但是当我尝试navbar时,我没有看到导航链接,我收到一条消息说没有匹配位置
的
路径"/“。我不知道为什么。我在某个地方看到了我需要开始使用元素
的
地方,但我不确定如何使用。我将向app.jsx文件展示那些似乎仍然无法工作
的
元素语句,以及完全不使用元素
的
文件--这也没有帮助,但这正是我所习惯
的
。有人能给我指明正确
的
方向吗? in
浏览 1
提问于2022-03-24
得票数 2
回答已采纳
28
回答
如何从
React
路由器向链接添加一个活动类?
react-router
我使用Link创建了一个引导样式
的
侧边栏。下面是我
的
代码片段: <li className="header">MAIN NAVIGATION</li> <li><Link to<i className="fa fa-credit-card"></i> <span>Buy Verifications</span
浏览 16
提问于2015-12-22
得票数 94
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
如何实现 React 中的虚拟 DOM(上)
React第三方组件4
React第三方组件1
redux 使用步骤
Ink3 发布,React构建命令行工具的库
热门
标签
更多标签
活动推荐
运营活动
广告
关闭
领券