反應路由 this.props.history.push 路徑名不起作用

Question

我當前的鏈接是http://localhost:3000/show/ 。在此頁面上，我在視頻播放器組件上使用，播放視頻后鏈接將生成類似http://localhost:3000/video 。但我的預期結果是http： //本地主機:3000/顯示/視頻。 我在用

   this.props.history.push({
     pathname: this.props.match.url/video,
  });

在路由文件中，我使用的是 <Route path={ ${this.props.match.path}/Video } component={Video} /> 但不是路由視頻組件。 我的預期結果將是 http://localhost:3000/show/video

Answer 1

嘗試改用字符串模板來形成有效的路徑字符串：

this.props.history.push({
  pathname: `${this.props.match.url}/video`,
});