React Redux - そのページに戻ったときに特定の場所で使用する方法

Question

React/Reduxでは全く新しいです。現在、私はReact/Reduxプロジェクトに取り組んでいます。

要件があります。

ページの位置（scrollY）は、彼らがしたところからそこ べきである1ページから別のユーザーの閲覧といつでもユーザーが[戻る]ボタンブラウザによって 前のページに戻ってきて、。

ため、私はNDA

の申し訳ありません、私は任意のコードを共有することはできません誰も私にリアクト/ Reduxのでこれを達成するための最良の方法を案内していただけますか？

おかげで、

Answer 1

を行くので、ここでコメントを追加することはできません - 反応 - ルータをV4は、それが付属しています

https://reacttraining.com/react-router/web/guides/scroll-restoration

。

class ScrollToTop extends Component { 
    componentDidUpdate(prevProps) { 
    if (this.props.location !== prevProps.location) { 
     window.scrollTo(0, 0) 
    } 
    } 

    render() { 
    return this.props.children 
    } 
} 

export default withRouter(ScrollToTop) 

const App =() => (
    <Router> 
    <ScrollToTop> 
     <App/> 
    </ScrollToTop> 
    </Router> 
) 

// or just render it bare anywhere you want, but just one :) 
<ScrollToTop/> 

---

EDIT 1 - ここで

が反応し、ルータをドキュメントからのコードです：

私もこれを見つけた - https://www.npmjs.com/package/react-router-restore-scroll

それはの一つであります反応ルータを書いた人はgithubで積極的に管理されていません。しかし、それを撃つ。

---

EDIT 2：

ここでは、同様の質問です -

How do people handle scroll restoration with react-router v4?

Answer 2

はreact-routerを使用することを検討して、それが箱から出して、この機能を提供します。

EDIT：あなただけbasicチュートリアルに従うならば、それはあなたのケースのために働く必要がありますので、ブラウザは今、（react-routerが使用するものである）history.pushStateを使用する場合にネイティブでこれをサポートし始めていることが表示されます。

Answer 3

私は、あなたは私が何を探していることはscroll-restorationだと思うreact-redux-idle-monitor