react中的switch的用法是什么

本教程操作环境:Windows10系统、react17.0.1版、Dell G3电脑。

react中的switch的用法是什么

每一个被匹配到的<Route>都将会被渲染 ,用<Switch>包裹,只会渲染一个路径

为了解决route的唯一渲染,它是为了保证路由只渲染一个路径。

<Switch>是唯一的,因为它仅仅只会渲染一个路径,当它匹配完一个路径后,就会停止渲染了。相比之下(不使用<Switch>包裹的情况下),每一个被location匹配到的<Route>将都会被渲染。

如果配置了<Switch>

<Router history={history}>     <Switch>         <Route path='/home' render={()=>(<div>首页</div>)}/>         <Route path='/home' component={()=>(<div>首页</div>)}/>     </Switch> </Router>

11111.png

如果没有配置<Switch>

<Router history={history}>     <Route path='/home' render={()=>(<div>首页</div>)}/>     <Route path='/home' render={()=>(<div>首页</div>)}/> </Router>

22222.png

 

标签:

商匡云商
Logo
注册新帐户
对比商品
  • 合计 (0)
对比
0
购物车