reactjs - 如何在反应类组件中获取参数ID

Question

我想要一个来自此类组件中 url 的参数 id

应用程序.js

<Switch>
    <Route exact path="/products/:id">
       <AuthChecker>
          <Products />
       </AuthChecker>
    </Route>
</Switch>
    

Products.js

import React, { Component } from 'react'
    
    class Products extends Component {

     //How to get params id in this class component

      render() {
        return (
          <div>
            <h5></h5>
          </div>
        )
      }
    }

   export default Products
            

我确实检查了一些问题，但我没有得到类组件

提前致谢

Answer 1

与render propmatch.params结合使用：Route's

<Switch>
    <Route exact path="/products/:id" render={({ match }) => (
       <AuthChecker>
          <Products id={match.params.id} />
       </AuthChecker>
    )} />
</Switch>