import React,{Component} from "react";

const Home = (props) =>{
  return(
    <div>
      <h1>My Portal Home</h1>
      Click <Link to="/login">Here</Link> To Log In.
    </div>
  )
}
export default Home;

import React, {Component} from "react";
import {Router, Route, Link} from "react-router-dom";
import Login from './login/login';
import Home from './home/home';

const Main = (props) =>{
  return(
    <Router>
      <div>
        <Route path="/" component={Home}/>
        <Route path="/login" component={Login}/>
      </div>
    </Router>
  );
};
export default Main;

import React from 'react';
import ReactDOM from 'react-dom'

import Main from "./main";
import './index.css';

ReactDOM.render(<Main />,document.getElementById('root'));

Failed prop type: Invalid prop 'component' supplied to 'Route': the prop is not a valid React component
    in Route (at main.js:11)