阵营，路由器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)

可能是什么这是为什么？

感谢您的帮助

来源

2017-04-04 Felix

您可能需要activeClassName，而不是activeStyle – Igor

得到了类似的错误：警告：未知的prop'activeClassName'上的标记。 – Felix

您使用的是反应路由器的第4版吗？你应该使用NavLink这种情况下才能访问这些属性（请参阅https://reacttraining.com/react-router/web/api/NavLink） – Igor

activeClassName是不是可以传递给<Link>属性。但是，这是一个属性，您可以传递给<NavLink>。用<NavLink>关掉<Link>组件，它应该“正常工作”。你可以看到。 NavLink here的完整文档。 NavLink存在并且功能不在Link上的原因是因为我们希望保持Link精简并仅提供绝对必要的功能以呈现锚标记。

来源

2017-04-04 16:22:43

有没有一个原因，这将无法与webpack一起使用？ – Felix

它可以很好地使用webpack。 –

你的权利工作... – Felix

阵营，路由器activeSytle遇到错误

回答

相关问题