反应路由this.props.history.push路径名不起作用

Question

我当前的链接是http://localhost:3000/show/。在此页面上，我正在使用视频播放器组件，播放视频后将生成类似http://localhost:3000/video的链接。但是我的预期结果是http://localhost:3000/show/video。 我正在使用

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

，在路由文件中，我正在使用${this.props.match.path}/Video} component = {Video} /> 但不路由视频组件。我的预期结果将是http://localhost:3000/show/video

Answer 1

尝试使用字符串模板来形成有效的路径字符串：

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