javascript - 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>
谢谢你。
解决方案
推荐阅读
- envoyproxy - Envoyproxy 在 Docker-Compose 上的 DAPR 环境中不起作用
- google-chrome - 在我打开 Chrome 开发控制台之前,页面不会呈现
- r - R highcharter() 全局千位分隔符?
- node.js - Microsoft 图表:UnhandledPromiseRejectionWarning:PolyFillNotAvailable:库无法在没有获取的情况下运行。所以,请为它提供polyfill
- mysql - 如何在sql中的两个表上连接多个列
- swiftui - 在呈现视图之前数据未更新 SwiftUI
- android - 在 Android Studio 中选择 JDK 位置
- macos - Salesforce CLI 无法在 MAC 上使用 Visual Studio Code
- .net - 如何通过 web.config 文件重定向到我的本地
- python - 未获得测试数据的正确 R2 分数