javascript – So übergeben Sie Parameter in React-Router-Dom v4 und erhalten Parameter für die nächste Komponente, zu der gesprungen werden soll

Question

Aktuelle Parameterübertragungsmethode:

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

1. Ist die Methode zur Parameterübergabe korrekt?

Dann springen Sie zur nächsten Seite, die Adressleiste lautet:

http://localhost:8080/topics/33119

Ich dachte, this.props.params.id könnte die Parameter abrufen, aber es scheint nicht zu funktionieren.
2. Wie erhalte ich die Parameter der Adressleiste?

Answer 1

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

1、路由配置

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

2、跳转前页面

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

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

this.props.match.params.id

Answer 2

根据 router 的地址来决定 id