陣營，路由器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遇到錯誤

回答

相關問題