反応ルートで次のルートに移動すると、次のルートカーソルの位置は以前のルートと同じか少し類似しています

Question

私はいつか反応ルータを使いこなしています。私は新しいルートにナビゲートしている間、この問題を抱えています。私は次のルートを持っています

<Router history={ history } > 
     <Route component={ Context } dataStore={ dataStore } > 
      <Route path="/" component={ MainApp }></Route> 
      <Route path="/search" component={ SearchPage }></Route> 
      <Route path="/:pageUrl" component={ LandingPage }></Route> 
     </Route> 
    </Router> 

すべてが完璧に動作します。しかし... の検索ページの下のにリンクがあり、これは '/'つまりホームページに戻ることができます。

<Link to="/"><img src="/static/images/el/app-logo.png" alt="" /></Link> 

ここで問題は、ホームページに移動しますが、ページのカーソル位置は前のページと同じです。私はこれを修正し、実際のリダイレクトが起こったようにして、ページをスクロールしてトップに戻す必要があります（他の状態から戻ってくるのは当然ですが、最初のリダイレクトであってもページ位置の変更は醜いようです）。今は... <a href="/">を使うことができましたが、これは実際にページをリダイレクトして更新するようです。私はSPAのように行動反応ルートを維持したい。そこに助けはありますか？ ありがとうございます。

Answer 1

scroll-behaviorまたはuse-scroll-behaviorを使用できます。