我正在使用react-router的NavLink组件来显示一个侧边栏菜单，并且在NavLink中有一个图标。我想要更改图标，以便在链接处于活动状态时填充图标。代码如下： to={route} activeClassName="selected" <Icon>{icon}</Icon>
<
浏览 30提问于2018-07-30得票数 5
回答已采纳
除了在activeClassName上设置"activeStyle“和”NavLink“之外，在非导航元素上创建到其他路由的链接时，是否有理由在链接上使用NavLink。在您的站点上不需要活动状态/类的主导航(在页眉或页脚)？
浏览 15提问于2017-11-16得票数 133
回答已采纳
const items = [ { id: 2, text='B' },] 这是导航组件。export const NavigationItem = (props) => <NavLinkexact={props.exact}
activeClas
浏览 23提问于2021-10-30得票数 1
回答已采纳
我有一个有子组件的NavLink className={StyledAppNavItem} <StyledAppNavName>{link.name}</StyledAppNavName>与链接活动时<
浏览 0提问于2018-02-12得票数 1
当选中的NavLink处于活动状态时，我希望更改列表项的背景色属性。从我学到的文档中了解到，为了向activeClassName NavLink中添加一个额外的类，当它处于活动状态时，我可以使用它来制作我想要的东西，我需要一个在css中的父选择器，这是不存在的。如何
浏览 3提问于2018-10-10得票数 2
回答已采纳
我在JS中使用React ROuter和CSS作为样式。我想更改活动链接子div (navIndicator和innerIndicator)的背景颜色和边框颜色 import { css, StyleSheet } from 'aphrodite/no-important)}> exact </div&
浏览 14提问于2019-06-20得票数 1
回答已采纳
我的代码有问题。我使用ReactJS，如果我的isActive处于活动状态，我会尝试更改状态navLink。{ <Fragment> <NavLinkFormattedMessage {...messages.dashboardItem} /&
浏览 0提问于2019-01-02得票数 1
5回答
我正在尝试使用React-Router (v4)，但在启动Link时遇到了一些问题。如果我点击任何一个Link标签，active Link就会开始工作。但是，我希望应用程序一启动，家庭/就会激活，因为它是在/路径上加载的组件。有没有办法做到这一点？下面是我当前的代码： <BrowserRouter> <Nav>
<Link
浏览 2提问于2016-12-14得票数 106
回答已采纳
我有几个这样的NavLinks： <NavLink to="/dashboard" ></NavLink> <i className="icon icon-search-icon-01
浏览 13提问于2019-01-22得票数 3
我有一个NavLink包装组件。我想在这个组件激活时添加一个.active样式，但是我不知道如何使用styled()来完成它。如何才能做到这一点？这是我的代码：import { NavLink as NavLinkBase } from "react-router-dom";
import { styled } from "@mui/system"
浏览 8提问于2022-10-21得票数 2
回答已采纳
我有两个导航按钮，使用的标签-路由器-多姆。我面临的问题是，当我从第一个按钮切换到第二个按钮时，第一个按钮仍然处于活动状态。在我的情况下，我有一个runs按钮和一个input按钮-- runs按钮处于活动状态，但是当单击input按钮时，run按钮仍然处于活动状态。下面是我的代码片段，显示导航选项卡:从“rea
浏览 3提问于2020-08-10得票数 0
回答已采纳
我试图用NavLink is React.js包装一个模具组件。我的孩子们都是这样然后，我用NavLink包装了这个组件，如下所示。const NavbarItems = ({ items = [] }) => {
return items.map(({ children, to }) =>
浏览 4提问于2020-12-08得票数 0
我使用的是react路由器1.0.2，我的路由如下所示： <Provider store={store}>import React, {Component} from 'react';
})}
<
浏览 4提问于2015-12-22得票数 14
回答已采纳
部署后，我的项目在github路由器上不能正常工作，在刷新页面菜单部分正在呈现之后，但是在单击主页之后，再单击菜单，我的食品产品不会呈现，它需要再次刷新。为什么会发生这种事，我怎样才能解决这个问题？这是我的密码。<NavLink className="Navlink" to="/menu"> </
浏览 2提问于2022-10-03得票数 0
回答已采纳
我希望我的<Link>在与它们的路线匹配时有一个active类。当前，即使在链接引用的路由上，结果的<a>标记也不会改变。我的链接创建如下：<Link to="/status">STATUS</Link> <Router>
浏览 3提问于2016-02-02得票数 1
回答已采纳
我想知道当NavLink处于活动状态时如何更改图像。到目前为止，我写了以下内容： style={{color: '#69B4D6'}}>
浏览 20提问于2020-05-27得票数 0
回答已采纳
我正在重新构建我的组合，在React中，在设置我从语义UI中使用的菜单时，我观察到第一个菜单项总是处于活动状态。我对此反应很新，这是我的第一个项目。to="/" className="item"> </NavLink>
<NavLink</e
浏览 0提问于2019-05-12得票数 0
回答已采纳
<NavLink exact to="/"> <FontAwesomeIcon icon={faHome} /></NavLink>
我知道我可以将activeClassName添加到NavLink中，但是，我想要实现的是，当Button处于活动状态时，我想要更改Button中<
浏览 3提问于2020-07-12得票数 0
回答已采纳
4回答
I使用的是反应性路由器-dom的v4
我需要访问nav组件中的this.props.match，以便设置活动类。我用的是反应物化。在<NavItem>标记中，我想添加className={this.props.match ? 'active' : ''}。然而，我似乎无法进入比赛。每次在控制台中打印道具时，道具都是一个空对象。PropsRoute component={NotFoun
浏览 9提问于2017-06-15得票数 10
回答已采纳
云服务器
ICP备案
云直播
实时音视频
即时通信 IM
腾讯云开发者
