ReactJS NavLink activeClassName

时间:2017-11-23 12:39:30

标签: javascript css reactjs react-router

当路由与当前路由相同时,我想渲染具有活动类的NavLink。这是代码:

location

问题是这只有在我重新加载URL时才有效,而且当我点击链接时我不知道如何触发类的更改。

编辑:

我的切入点:

USE master;
GO
EXECUTE AS LOGIN = N'user_login';
GO
SELECT name, HAS_DBACCESS(name) 
  FROM sys.databases;
GO

我想在活动时更改类的所有链接都在HeaderControl中。我怎么能使用道具{{1}}?

有什么想法吗?

1 个答案:

答案 0 :(得分:0)

您可以执行以下操作:

<NavLink className="nav-link-gdc" activeClassName={location.pathname !== "your pathname"? null : "nav-link-gdc-selected"} to="/home">HOME</NavLink>

或者我不明白你的问题?