有<Switch>標簽,則其中的<Route>在路徑相同的情況下,只匹配第一個,這個可以避免重復匹配;
無<Switch>標簽,則其中的<Route>在路徑相同的情況下全都會匹配。更嚴重的是,還會匹配上級路徑的,如下面例子:
https://www.jianshu.com/p/d5173d7b411a(copy
<BrowserRouter>
<div>
<div>
<ul>
<li>
<Link to="/Guide/ContactUs">ContactUs</Link>
</li>
</ul>
</div>
<Switch>
<Route path="/Guide/ContactUs" component={ ContactUs } ></Route>
<Route path="/Guide/ContactUs" component={ ContactUs } ></Route>
</Switch>
</div>
</BrowserRouter>
