react-router-dom NavLink isActive不能正常工作

时间:2019-05-10 13:11:31

标签: javascript reactjs

我们正在使用React.js进行项目。我正在使用react-router-dom配置多个页面,并且我想使用NavLink更改当前活动的图标。

icon + sel用于活动页面。

.Renviron

1 个答案:

答案 0 :(得分:0)

您不需要使用isActive的{​​{1}}道具,而且使用不正确。 相反,您可以声明变量Navlink并根据路由更改其值,然后根据isActive标志更改图标src或class。

下面的基本代码:-

单击isActive链接会将颜色更改为绿色,并将文本更改为I am inactive。同样,您可以更改图像的src。您也可以找到codesandbox working link供参考。

I am active

希望有帮助!