码迷,mamicode.com
首页 > 其他好文 > 详细

router之switch

时间:2019-02-26 16:51:56      阅读:157      评论:0      收藏:0      [点我收藏+]

标签:log   一个   home   停止   out   login   bsp   作用   color   

比较路由中有无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>是唯一的因为它仅仅只会渲染一个路径。

router之switch

标签:log   一个   home   停止   out   login   bsp   作用   color   

原文地址:https://www.cnblogs.com/wang715100018066/p/10438215.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!