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

Question

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

icon + sel用于活动页面。

.Renviron

Answer 1

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

下面的基本代码：-

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

I am active

希望有帮助！