Запрос параметров с помощью маршрутизатора React

Question

Я хотел бы знать, можно ли применить эту логику в компоненте класса?если да, куда бы я положил ({match})

const Topics = ({ match }) => (
  <div> 
    This is a topics
    <div>
    {data.map((item, id) => <div key={id}><Link to={{
      pathname: `${match.url}/${item._id}`,
      state: item
    }}>{item.name}</Link> </div>)}

    </div>
    <hr />
    <Route path={`${match.path}/:id`} component={Topic} />

  </div>
);

Answer 1

Вы можете получить доступ к реквизиту в рендере, используя this.props для компонента класса

class Topics extends React.Component {
    render(){
        const { match } = this.props;
        return (
          <div> 
            This is a topics
            <div>
            {data.map((item, id) => <div key={id}><Link to={{
              pathname: `${match.url}/${item._id}`,
              state: item
            }}>{item.name}</Link> </div>)}

            </div>
            <hr />
            <Route path={`${match.path}/:id`} component={Topic} />

          </div>
        );
    }
}