Set router, Create Header, Login, Signup

src/components/Header/index.js

@@ -0,0 +1,10 @@
+import React from 'react'
+const Header = ({history}) => (
+  <div>
+    <button onClick={() => history.push("/")}>ToDo</button>
+    <button onClick={() => history.push("/login")}>Login</button>
+    <button onClick={() => history.push("/signup")}>SignUp</button>
+  </div>
+)
+
+export default Header

src/components/Login/index.js

@@ -0,0 +1,8 @@
+import React from 'react'
+const Login = () => (
+  <div>
+    <p>Login</p>
+  </div>
+)
+
+export default Login

src/components/Signup/index.js

@@ -0,0 +1,8 @@
+import React from 'react'
+const Signup = () => (
+  <div>
+    <p>Signup</p>
+  </div>
+)
+
+export default Signup

src/index.js

@@ -1,7 +1,11 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
+import Header from './components/Header';
 import App from './components/App';
+import Login from './components/Login';
+import Signup from './components/Signup';
 
+import {BrowserRouter,Route} from 'react-router-dom';
 import { Provider } from 'react-redux'
 import { createStore } from 'redux'
 import rootReducer from './reducers'
@@ -10,7 +14,14 @@ const store = createStore(rootReducer);
 
 ReactDOM.render(
   <Provider store={store}>
-    <App />
+    <BrowserRouter>
+      <div>
+        <Route path="/" component={ Header } />
+        <Route exact path="/" component={ App } />
+        <Route exact path="/login" component={ Login } />
+        <Route exact path="/signup" component={ Signup } />
+      </div>
+    </BrowserRouter>
   </Provider>,
   document.getElementById('root')
 );