Quick Start

npm i --save react-routify
import React, { Component } from 'react'
import { Router, Link } from 'react-routify'

const Home = () => <div>home</div>
const About = () => <div>about</div>
const NotFound = () => <div>404</div>

const routes = [
  { path: '/', component: Home },
  { path: '/about', component: About },
  { path: '*', component: NotFound }
]

class App extends Component {
  render() {
    return (
      <div>
        <nav>
          <Link to="/" activeClassName="active">home</Link>
          <Link to="/about" activeClassName="active">about</Link>
        </nav>
        <Router routes={routes} />
      </div>
    )
  }
}

results matching ""

    No results matching ""