title: this.props.match.params is empty even when passing params
body: <p>
  I'm trying to pass <code>params</code> to <code>this.props.match</code> in my React component but even after passing I still got <code>params</code> as empty object. </p>
  
  <pre class="lang-js prettyprint-override"><code>render() {
    return (
      &lt;div&gt;
        &lt;div className="boxx"&gt;
          {this.state.data.map(ele =&gt; (
            &lt;div className="smallbox" key={ele.id}&gt;
              &lt;Link
                to={`${this.props.match.url}/movie1`}
                onClick={() =&gt; this.fetchOneMovieData(ele)}
              &gt;
                &lt;img
                  src={`http://image.tmdb.org/t/p/w185${ele.poster_path}`}
                  alt="movie pic"
                /&gt;
              &lt;/Link&gt;
            &lt;/div&gt;
          ))}
  
          &lt;Route
            path={`${this.props.match.url}/:topicId`}
            render={props =&gt; (
              &lt;OneMovie
                {...props}
                data={this.state.data}
                moviedata={this.state.moviedata}
              /&gt;
            )}
          /&gt;
        &lt;/div&gt;
        {console.log(this.props.match)}
      &lt;/div&gt;
    );
  }
  </code></pre>