小编Rih*_*bri的帖子

React router:渲染的页面自动滚动到底部

我注意到,每当我访问路线时,当我使用 时<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)

javascript reactjs react-router

1
推荐指数
1
解决办法
3703
查看次数

标签 统计

javascript ×1

react-router ×1

reactjs ×1