使用参数对路由器进行匹配

Question

因此，我发现的大多数参数匹配示例都具有相同的模式。 内

https://www.test.com/api/v1/test

例如，在获得匹配然后通过{match.params.topicId}访问ID时，效果很好。

我在此页面上设置了完整的课程，因此看起来更像这样

const TopicDetail = ({ match }) => {

和这样的App.js

class main extends Component {
  render() {
    return (

如果我在render（{match}）中输入匹配项，然后尝试访问{match.params.type}，则会收到错误消息。

如何在班级内部接受比赛？我是否需要在类之外具有一个常量，然后获取const值？如果可以的话，有人可以发布一个有效的示例吗？

<Route path="/:type" component={main} />

Answer 1

在React中，对于基于类的组件分解是在方法内部完成的。

例如：

render() {
      let { match } = this.props;
      return (.....)
}