阵营,路由器activeSytle遇到错误
问题描述:
我使用与之反应,路由器侧边栏,现在我想显示像它在这里提到的活跃栏图标:阵营,路由器activeSytle遇到错误
https://github.com/reactjs/react-router-tutorial/tree/master/lessons/05-active-links
所以我这样做:
<li><Link to="/" className="fa fa-bars fa-2x" activeStyle="activeSidebar" aria-hidden="true"></Link></li>
但在控制台中我得到这个错误:
Warning: Unknown prop `activeStyle` on <a> tag. Remove this prop from the element. For details, see
in a (created by Link)
in Link (at index.js:59)
in li (at index.js:59)
in ul (at index.js:58)
in div (at index.js:57)
in div (at index.js:56)
in div (at index.js:55)
in Router (created by BrowserRouter)
in BrowserRouter (at index.js:54)
可能是什么这是为什么?
感谢您的帮助
您可能需要activeClassName,而不是activeStyle – Igor
得到了类似的错误:警告:未知的prop'activeClassName'上的标记。 – Felix
您使用的是反应路由器的第4版吗?你应该使用NavLink这种情况下才能访问这些属性(请参阅https://reacttraining.com/react-router/web/api/NavLink) – Igor