首页  >  问答  >  正文

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

目前传参方式:

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

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

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

http://localhost:8080/topics/33119

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

怪我咯怪我咯2686 天前1048

全部回复(2)我来回复

  • 代言

    代言2017-06-12 09:34:47

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

    1、路由配置

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

    2、跳转前页面

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

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

    this.props.match.params.id

    回复
    0
  • 女神的闺蜜爱上我

    女神的闺蜜爱上我2017-06-12 09:34:47

    根据 router 的地址来决定 id

    回复
    0
  • 取消回复