使用React Router查询参数

Question

我想知道是否可以在类组件中应用此逻辑？如果是，我将[{match}）放在哪里？

.content

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>
        );
    }
}