react-router中,<switch>
有<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>