React Router未加载新页面。没有错误

Question

我的React Redux路由器在我的项目中的工作方式如下 index.js

const store = createStore(
  reducer,
  applyMiddleware(...middleware)
);

store.dispatch(getAllMenu());

render((
    <Provider store={store}>
     <BrowserRouter>
      <Menu />
   </BrowserRouter>
    </Provider>),

  document.getElementById('root')
)

Routes.js

const Main = () => (
  <main>
    <Switch>
      <Route exact path='/' component={Menu}/>
        <Route path='/subMenu' component={subMenu}/>
        <Route path='/Dummy' component={Dummy}/>
    </Switch>
  </main>
)

export default Main;

Menu.js

const Menu = () => (
  <div>
    <HeaderContainer />
    <ul>
        <li><Link to='/'>Menu</Link></li>
        <li><Link to='/subMenu'>subMenu</Link></li>
        <li><Link to='/Dummy'>Dummy</Link></li>
    </ul>
    <section className="content menuCategoryPage">
      <h1 className="pageTitle">Bob Evans Menu</h1>
      <hr/>
      <ProductsContainer />
    </section>
  </div>
)

export default Menu

Dummy.js

const Dummy = () => (
  <div>
    <h2>This is a dummy page!</h2>
  </div>
)


export default Dummy;

家庭法师（Menu.js）上没有错误和链接，但当我尝试转到虚拟页面时，它会再次显示主页。我究竟做错了什么？ 在我的index.js中引起了这一切吗？