我注意到,每当我访问路线时,当我使用 时<Link>,页面会自动滚动到底部,我有点困惑,因为它正在工作,我得到了页面,但它通过这种行为自动滚动到底部。
这是路由器:
import {Link,Routes,Route,Navigate} from 'react-router'
const App = () => {
const user=true
return <div>
<Routes>
<Route exact path='/' element={<Home/>} />
<Route exact path="/products/:category" element={ <ShoppingCat/>}/>
<Route exact path="/product/:id" element={ <ProductView/>}/>
<Route exact path="/cart" element={ <Cart/>}/>
<Route exact path="/login" element={user?<Navigate to='/'/>: <Login/>}/>
<Route exact path="/register" element={ user? <Navigate to='/'/> :<Register/>}/>
</Routes>
Run Code Online (Sandbox Code Playgroud)
这是访问路线的按钮<ProductView/>:
<Link to={`/product/${product._id}`}>
<button className='btn-4'>View </button>
</Link>
Run Code Online (Sandbox Code Playgroud)