嵌套路由反應路由器4

Question

當我點擊用戶圖片時，ID在URL（“/ r /：id”）中更改，但頁面內容保持不變。

<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} />