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

Question

我已经构建了一个简单的反应路由器项目，其中“主题”页面/组件具有嵌套链接“一”、“二”、“三”，然后是到组件“主题”的路由映射，它使用 @987654322 呈现内容@，但它重定向到自定义未找到页面，

这里是codesandbox的链接：

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

Answer 1

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

您可以像这样指定路线：

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

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

希望对你有所帮助。