path

src/container/Login.js

-import React from 'react';
+import React, { Component } from 'react';
 
-function Login() {
+class Login extends Component {
+  render() {
     return (
-    <div>
-      <h2>Login</h2>
-    </div>
+      <div> textInComponent </div>
     );
+  }
 }
 
 export default Login;

src/container/Register.js

-import React from 'react';
-
-function Register() {
+import React, { Component } from 'react';
 
+class Register extends Component {
+  render() {
     return (
-    <div>
-      <h2>Register</h2>
-    </div>
+      <div> textInComponent </div>
     );
+  }
 }
 
 export default Register;
\ No newline at end of file

src/router/index.js

@@ -46,15 +46,11 @@ export default function BasicExample() {
           of them to render at a time
         */}
       <Switch>
-        <Route exact path="/">
-          <Login />
-        </Route>
+        <Route exact path="/" exact component={Login} />
         {/* <Route path="*">
           <NoMatch />
         </Route> */}
-        <Route path="/register">
-          <Register />
-        </Route>
+        <Route path="/register" exact component={Register}/>
 
         <Home>
           <Route path="/home" exact component={Beranda} />