Created
September 23, 2017 02:30
-
-
Save lazyTai/2e38b339aad02f6c9d70378e593f3c3f to your computer and use it in GitHub Desktop.
ract-router2 nest router
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| 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> | |
| } | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import React from 'react' | |
| export default class Home1 extends React.Component { | |
| render() { | |
| return <div> | |
| Home1 | |
| </div> | |
| } | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import React from 'react' | |
| export default class Home2 extends React.Component { | |
| render() { | |
| return <div> | |
| Home2 | |
| </div> | |
| } | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| 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> | |
| } | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import React from 'react' | |
| export default class Home1 extends React.Component { | |
| render() { | |
| return <div> | |
| Home1 | |
| </div> | |
| } | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import React from 'react' | |
| export default class Home2 extends React.Component { | |
| render() { | |
| return <div> | |
| Home2 | |
| </div> | |
| } | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| 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> | |
| } | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| 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> | |
| } | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment