REact-Router

About.js

import React from 'react';

class About extends React.Component {
render(){
	return (
<div><h2>About</h2>
</div>
);
}
}

export default About ;

App.js

import React from 'react';
import {Button, Icon} from 'react-materialize';
import {Dropdown, NavItem} from 'react-materialize';
import {anime} from "animejs";
import {
  BrowserRouter as Router,
  Route,
  Link
} from 'react-router-dom';
import Home from "./Home.js";
import About from "./About.js";

class App extends React.Component {
render(){
	return (

		<div>

   <Router>
    <div>
       <nav>
    <div class="nav-wrapper">
      <a href="#" class="brand-logo center">Logo</a>
      <ul id="nav-mobile" class="left hide-on-med-and-down">
        <li>Sass</li>
        <li><Link to="/">Components</Link></li>
         </ul>
         <ul id="nav-mobile" class="right hide-on-med-and-down">
        <li><Link to="/about">JavaScript</Link></li>
        </ul>
    </div>
  </nav>

      <hr/>

      <Route exact path="/" component={Home}/>
      <Route path="/about" component={About}/>
 
    </div>
  </Router>
		<h3>Go Ayurveda!!!
		Ayuhu kshema,
		Vruksha Kshemam,
		Praja Kshemama .
		</h3>
	<div className="box red" ></div>			
    <div className="box blue" ></div>
    <div className="box green"></div>
    <div className="box yellow"></div>
    <div className="card-panel teal lighten-2">This is a card panel with a teal lighten-2 class</div>

<a className="waves-effect waves-light btn">button</a>
   
 	</div>

	);
}

}

export default App;

Home.js

import React from 'react';

class Home extends React.Component {
render(){
	return (
<div><h2>Home</h2>
</div>
);
}
}

export default Home ;