React Router-嵌套链接重定向到自定义404页面

Question

我建立了一个简单的React Router项目，其中“主题”页面/组件具有嵌套的链接“一个”，“两个”，“三个”，然后是到组件“主题”的路由映射，该组件以{{ 1}}，但其重定向到未找到自定义页面

这是codeandbox的链接：

https://codesandbox.io/s/react-routing-ecdwt

Answer 1

您已在exact路线中指定了/topics属性。

您可以这样指定路线：

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

在SingleTopic组件中，您可以通过this.props.match.params.topicId获取指定的主题ID，然后加载请求的主题。

希望这对您有所帮助。