首页 > 解决方案 > React Router 的奇怪行为

问题描述

我在我的 React Web 应用程序中使用 React-Router 进行导航。我不知道它有什么问题?当我向下滚动然后重定向到另一个页面时,该页面也会自动向下滚动。我附上我的代码和视频以供参考。

路由文件。

 <Switch>
    <Route path="/" exact>
      <Redirect to="/home"></Redirect>
    </Route>
    <Route path="/home/:brand/:id">
      <ProductDetail />
    </Route>
    <Route path="/home/:brand">
      <ProductList />
    </Route>
    <Route path="/add-item">
      <AddItem />
    </Route>
    <Route path="/home">
      <Home />
    </Route>
  </Switch>

链接。

 <NavLink to="/home/puma">
      <ListItemBrand src={pumaWhite} />
 </NavLink>

在此处输入图像描述

谢谢你。

标签: javascriptreactjsreact-router

解决方案


推荐阅读