Reactjs React路由器-嵌套链接重定向到自定义404页面

Reactjs React路由器-嵌套链接重定向到自定义404页面,reactjs,react-router,Reactjs,React Router,我构建了一个简单的react路由器项目,其中“Topics”页面/组件具有嵌套链接“one”、“two”、“three”,然后是一个到组件“Topic”的路由映射,该组件使用match.params.id呈现内容,但其重定向到自定义未找到页面 以下是指向codesandbox的链接: 您已经在/topics路由中指定了精确的属性 可以按如下方式指定管线: <Route path="/topics/:topicId" component={SingleTopic} /> // /top

我构建了一个简单的react路由器项目,其中“Topics”页面/组件具有嵌套链接“one”、“two”、“three”,然后是一个到组件“Topic”的路由映射,该组件使用
match.params.id
呈现内容,但其重定向到自定义未找到页面

以下是指向codesandbox的链接:


您已经在
/topics
路由中指定了
精确的
属性

可以按如下方式指定管线:

<Route path="/topics/:topicId" component={SingleTopic} />
// /topics/one
// /topics/two
// /topics/three

///topics/one
///主题/两个
///主题/3
SingleTopic
组件中,您可以通过
this.props.match.params.topicId
获取指定的主题id,然后加载请求的主题


希望这对您有所帮助。

主题一、主题二和主题三它们是附加组件还是外部站点?应该显示另一个名为“主题”的附加组件,而不是显示notFoundPage组件URL是否更改为主题/1,主题/2或主题/3当单击时,但显示的组件是NotFoundPagei,我会说,当单击链接1、2、3时,组件“主题”根本不显示从主题路由中删除确切的道具为什么会发生这种情况,当我在routes.js页面中提到这个路由时,我需要精确。我认为当您在路由中使用参数时,不应该添加精确