react routing this.props.history.push pathname is not working

Question

My current link is http://localhost:3000/show/ .On this page i am using on video player component and after playing video link will generate like http://localhost:3000/video .But my expected result is http://localhost:3000/show/video . I am using

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

and in route file i am using <Route path={ ${this.props.match.path}/Video } component={Video} /> but not routing video component. My expected result will http://localhost:3000/show/video

Answer 1

Try instead to use string templating to form a valid path string:

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