ract-router2 nest router

home.js

import React from 'react'

import {Link } from 'react-router'
export default class Home extends React.Component {
    render() {
        return <div>
            <Link to="/">home</Link>
            <Link to="/home1">home1</Link>
            <Link to="/home2">home2</Link>

            {this.props.children}
        </div>
    }
}

home1.js

import React from 'react'

export default class Home1 extends React.Component {
    render() {
        return <div>
            Home1
        </div>
    }
}

home2.js

import React from 'react'

export default class Home2 extends React.Component {
    render() {
        return <div>
            Home2
        </div>
    }
}

router2_home.js

import React from 'react'

import {Link } from 'react-router'
export default class Home extends React.Component {
    render() {
        return <div>
            <Link to="/">home</Link>
            <Link to="/home1">home1</Link>
            <Link to="/home2">home2</Link>

            {this.props.children}
        </div>
    }
}

router2_home1.js

import React from 'react'

export default class Home1 extends React.Component {
    render() {
        return <div>
            Home1
        </div>
    }
}

router2_home2.js

import React from 'react'

export default class Home2 extends React.Component {
    render() {
        return <div>
            Home2
        </div>
    }
}

router2_routers.js

import React from 'react'
import {Router, Route, hashHistory} from 'react-router'

import Home from './home'
import Home1 from './home1'
import Home2 from './home2'
export default class Routers extends React.Component {
    render() {
        return <Router history={hashHistory}>
            <Route path="/" component={Home}>
                <Route path="/home1" component={Home1}></Route>
                <Route path="/home2" component={Home2}></Route>
            </Route>
        </Router>
    }
}

routers.js

import React from 'react'
import {Router, Route, hashHistory} from 'react-router'

import Home from './home'
import Home1 from './home1'
import Home2 from './home2'
export default class Routers extends React.Component {
    render() {
        return <Router history={hashHistory}>
            <Route path="/" component={Home}>
                <Route path="/home1" component={Home1}></Route>
                <Route path="/home2" component={Home2}></Route>
            </Route>
        </Router>
    }
}