Question

我有一条看起来像这样的路线：

CIP

并且我试图像这样定义这条路线：

index.html

但是当我使用它时它并不会区分该路径，并且它不会渲染任何组件并且我知道我误会了如何正确地做。

那么有什么帮助吗？

Answer 1

您需要在Switch中重新路由

    <Router>
      <Switch>
        <Route exact path="/path/stb" render={() => <Home />} />
        <Route path="/" render={() => <App />} />
      </Switch>
    </Router>

进行上述更改的原因是Switch会呈现第一个匹配的组件，并且当您在/path/stb上时，带有/的路径也会匹配，因为它是前缀路由。因此，进行上述更改的想法是将前缀路由写在末尾

Answer 2

<Router>
          <Switch>
            <Route exact path="/" component={<App />} />
            <Route exact path="/path/stb" component={<Home />} />
          </Switch>
        </Router>

尝试这种方式。然后只需导入这些文件即可。（App和Homes）

Answer 3

从其他路由中删除exact属性，并将其更改为默认路由。

<Router>
     <Switch>
        <Route exact path="/" render={() => <App />} />
        <Route path="/path/stb" render={() => <Home />} />
     </Switch>
</Router>

任何想法如何可以将此路线呈现为特定组件

3 个答案: