react-router-dom v4如何传参、跳转到的下个组件如何获取参数

目前传参方式:

<Link to={`/topics/${topic.id}`}>{topic.title}</Link>

1、请问传参方式是否正确?

然后跳到下个页面,地址栏为:

http://localhost:8080/topics/33119

本以为this.props.params.id这样能获取参数,但貌似不行。
2、如何获取地址栏参数?

阅读 10.7k
2 个回答

已解决,跟react-router还是有些区别的,自问自答:

1、路由配置

<Route path="/topics/:id" component={Topics} />

2、跳转前页面

<Link to={`/topics/${topic.id}`} >点击跳转</Link>

3、跳转后页面topics获取参数

this.props.match.params.id

根据 router 的地址来决定 id

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题