Question

我第一次将React-Routing合并到了反应应用程序中。

我的目的是将两个变量嵌入到URL中，例如

/项目/ ABC /人/ 123

其中ABC是项目ID，而人123是人员ID。

我已经设置了以下路线。

<Router>
    <Route path="/" component={App}>
        <IndexRoute component={PageIndex}/>
        <Route path="about" component={PageAbout}/>
        <Route path="people/:projectId" component={PagePeople}>
            <Route path="person/:personId" component={Person}/>
        </Route>
    </Route>
</Router>

该应用程序实际运行，并且功能正常，但浏览器出现控制台错误。

警告：位置“people / SE / person / 2”与任何路线都不匹配

有什么建议吗？

谢谢，

L，

Answer 1

你尝试过这个吗？我认为它会正常工作。

<Router>
<Route path="/" component={App}>
    <IndexRoute component={PageIndex}/>
    <Route path="about" component={PageAbout}/>
    <Route path="people/:projectId" component={PagePeople}/>
    <Route path="people/:projectId/person/:personId" component={Person}/>
</Route>

尝试匹配两个网址参数时发出警告

1 个答案: