@mazzard/react-router v2.1.1

#@mazzard/react-router

Install

npm i @mazzard/react-router

Route

Use Router anywhere to show content by rout matching.

import React from 'react'
import ReactDom from 'react-dom'
import Link from '@mazzard/react-link'
import Router from '@mazzard/react-router'

class Test extends React.Component {
  render () {
    return (
      <>
        <Link>
          Menu
        </Link>
        <Router path='/'>
          <hr />
          <Link to='/test1'>
            test1
          </Link>
          {' | '}
          <Link to='/test2'>
            test2
          </Link>
        </Router>
      </>
    )
  }
}

ReactDom.render(<Test />, document.getElementById('root'))

Wrap routers at Router with combine attribute to display only one suitable router.

import React from '@mazzard/react'
import Link from '@mazzard/react-link'
import Router from '@mazzard/react-router'

class Test extends React {
  render () {
    return (
      <Router combine>
        <Router>
          <Link to='/'>
            Menu
          </Link>
        </Router>
        <Router path='/'>
          <Link to='/test1'>
            test1
          </Link>
          {' | '}
          <Link to='/test2'>
            test2
          </Link>
        </Router>
      </Router>
    )
  }
}

React.render(<Test />, document.getElementById('root'))

Look at demo