router之switch

Posted 2021-02-11 wang715100018066

比较路由中有无switch的区别：

代码一：

      <Router history={history}>
          <Route exact path="/" component={Login}/>
          <Route path="/home" component={Home}/>
      </Router>

如果URL是"/", 那么<Home>将都被渲染，因为它们的path全都被匹配到

代码二：

      <Router history={history}>
        <Switch>
          <Route exact path="/" component={Login}/>
          <Route path="/home" component={Home}/>
        </Switch>
      </Router>

如果URL是"/"，<Switch>将会开始寻找相匹配的<Login>。<Route path="/" />将会被匹配到，紧接着 <Switch>会停止继续匹配并且渲染<Home>。

 

总结：switch作用：

<Switch>是唯一的因为它仅仅只会渲染一个路径。