nested routes react router 4

Question

when I click on a user image, the Id is changed in URL ("/r/:id") but page content remains the same.

<BrowserRouter>
  <Switch>
      <Route path="/r/:id" component={View} />
  </Switch>
</BrowserRouter>,

<Link
  to={{
    pathname: `/r/${item.uid}`,
    state: item,
  }}
>

  <div className="video-overlay" >
    <div className="imagepop" >
      <div className="box-imag" >
        <img
          alt="#"
          className="img-responsive img-over"
          src={(item.cover) || two}
        />
      </div>
    </div>
  </div>
</Link>

Answer 1

请尝试使用此代码：

<Route exact path="/r/:id" component={View} />