From a53546e503addb13ebd0a36eaeef3aaf4fc9f11d Mon Sep 17 00:00:00 2001
From: Yoshihiro OKUMURA <orrisroot@gmail.com>
Date: Mon, 13 May 2019 23:49:51 +0900
Subject: [PATCH] scroll to top if page url changed.

---
 src/App.tsx                | 11 +++--------
 src/components/AppRoot.tsx | 29 +++++++++++++++++++++++++++++
 2 files changed, 32 insertions(+), 8 deletions(-)
 create mode 100644 src/components/AppRoot.tsx

diff --git a/src/App.tsx b/src/App.tsx
index 6ef9bb0..689c099 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,19 +1,14 @@
 import React, { Component } from 'react';
 import { BrowserRouter } from 'react-router-dom';
+import AppRoot from './components/AppRoot';
 import './App.css';
 
-import Header from './components/Header';
-import Footer from './components/Footer';
-import Container from './components/Container';
-
 class App extends Component {
   render() {
     return (
       <BrowserRouter>
-        <Header />
-        <Container />
-        <Footer />
-      </BrowserRouter>
+        <AppRoot />
+      </BrowserRouter >
     );
   }
 }
diff --git a/src/components/AppRoot.tsx b/src/components/AppRoot.tsx
new file mode 100644
index 0000000..67ea8c0
--- /dev/null
+++ b/src/components/AppRoot.tsx
@@ -0,0 +1,29 @@
+import React, { Component } from 'react';
+import { RouteComponentProps, withRouter } from 'react-router-dom';
+import Header from './Header';
+import Container from './Container';
+import Footer from './Footer';
+
+interface Props extends RouteComponentProps { }
+interface State { }
+
+class AppRoot extends Component<Props, State> {
+
+    componentDidUpdate(prevProps: Props) {
+        if (this.props.location !== prevProps.location) {
+            window.scrollTo(0, 0);
+        }
+    }
+
+    render() {
+        return (
+            <>
+                <Header />
+                <Container />
+                <Footer />
+            </>
+        );
+    }
+}
+
+export default withRouter(AppRoot);