Javascript 究竟是什么<;开关>;用于反应路由器?

Javascript 究竟是什么<;开关>;用于反应路由器?,javascript,reactjs,react-router-v4,Javascript,Reactjs,React Router V4,我对React learning还不熟悉,当时正试图使用React路由器dom构建一个应用程序。当我遇到术语“交换机”时,我能够实现基本路由。有谁能给我解释一下我们使用switch的用例示例以及它的用途吗?switch查看路由的子级,并呈现与当前路径匹配的第一个,一旦这样做了,它将不会寻找任何其他匹配项。因为您是新手,我将花更多的时间用示例进行解释,并添加一些您可能需要的东西 因此,正如Iddler所说,Switch或多或少类似于任何其他语言中的“Switch case”条件,但通常以找到的第一

我对React learning还不熟悉,当时正试图使用React路由器dom构建一个应用程序。当我遇到术语“交换机”时,我能够实现基本路由。有谁能给我解释一下我们使用switch的用例示例以及它的用途吗?

switch查看路由的子级,并呈现与当前路径匹配的第一个,一旦这样做了,它将不会寻找任何其他匹配项。

因为您是新手,我将花更多的时间用示例进行解释,并添加一些您可能需要的东西

因此,正如Iddler所说,Switch或多或少类似于任何其他语言中的“Switch case”条件,但通常以找到的第一个匹配项结束

<Switch>
    <Route path="/home" component={Home} />
    <Route path="/about" component="{About} />
</Switch>
您也可以在不使用
的情况下使用

例如:


嘿@lokeshj,也许他们能帮上忙!感谢@mw509的详细解释
<Switch>
    <Route exact path="/shop" component={Shop} />
    <Route exact path="shop/shoes" component="{Shoes} />
</Switch>
<Route path="/home" component={Home} />
<Switch>
    <Route path={[ "/home", "/dashboard", "/house", /start" ]} component={Home} />
    <Route exact path={[ "/about", "/about/management", "/about/branches" ]} component="{About} />
</Switch>
<Router>
    <Switch>
      <Route path="/home">
        <Home />
      </Route>
      <Route path="/about">
        <About />
      </Route>
    </Switch>
</Router>
<Switch>
    <Route path="/home" component={Home} />
    <Route path="/about" component="{About} />
    <Route component="{PageNotFound} />
</Switch>