'react-router-dom'鏈接不工作？

這是我的根組件的代碼：'react-router-dom'鏈接不工作？

<BrowserRouter> 
    <Route path="/(:filter)" component={App}/> 
</BrowserRouter>

這是我的頁腳部分使用FilterLink組件

const Footer =() => (
    <p> 
    Show: 
    {" "} 
    <FilterLink filter="all"> 
     All 
    </FilterLink> 
    {", "} 
    <FilterLink filter="active"> 
     Active 
    </FilterLink> 
    {", "} 
    <FilterLink filter="completed"> 
     Completed 
    </FilterLink> 
    </p> 
);

現在，這是我的FilterLink使用鏈接從「代碼的代碼反應路由器-DOM」不工作

import { Link } from 'react-router-dom'; 

const FilterLink = ({ filter, children }) => (
    <Link 
    to={ filter === 'all' ? '' : filter } 
    activeStyle={{ 
     textDecoration: 'none', 
     color: 'black' 
    }} 
    > 
    {children} 
    </Link> 
);

我找不到，因爲它不是拋出任何錯誤的bug，但只是使我的應用程序不要撕開呃我應用這個使用Link的代碼後的任何事情。幫幫我？

來源

2017-06-09 i am gpbaculio

我有同樣的問題。你解決了嗎？你可以發佈一個解決方案，請 – user2456977

暫時我可能只是使用react-router v3作爲一個快速解決，直到我有足夠的時間來閱讀react-router v4 ---問題是v3 vs v4 – user2456977