React Router 中有多个可能的确切路径？

Question

我正在使用带有 Switch 语句的 React Router。有没有办法让我有多个确切的路径？

在这个例子中，当路径为“/”或“/show”但不用于任何其他路径时，id like Table 组件将被加载。

    <BrowserRouter>
      <Switch>
        <Route exact path="/" render={()=>{
          return <Table shows={this.state.shows} />
        }}/>
        <Route exact path="/show/*" component={Show} />
        <Route component={FourOhFour} />
      </Switch>
    </BrowserRouter>

Answer 1

您可以在 Route 中使用一组路径。

<BrowserRouter>
      <Switch>
        <Route exact path='/(|show)' render={()=>{
          return <Table shows={this.state.shows} />
        }}/>
        <Route exact path="/show/*" component={Show} />
        <Route component={FourOhFour} />
      </Switch>
    </BrowserRouter>

编辑：更新代码以处理警告。

React Router 中有多个可能的确切路径？

Multiple possible exact paths in React Router?

reactjs

react-router-v4