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