import {Router ,Route, Link} from ‘react-router‘

class App extends React.Component {
        render(){
             return (
                <div>
                    <ul >
                        <li><Link to=‘/about‘>About</Link></li>
                        <li><Link to=‘/inbox‘>Inbox</Link></li>
                    </ul>
                    {this.props.children}
                </div>
                )}})
//获取URL参数
class Message extends React.Component{
　　　　componentDidMount(){
　　　　　　const id = this.props.params.id     //来自于路径 ‘/inbox/messages/:id‘
　　　　　　
　　　　　　fetchMessage(id,function(err,message){
　　　　　　　　this.setState({message:message})
　　　　　　})
　　}
　　render(){
　　　　return(
　　　　　　<div>
　　　　　　　　　　<h3>message｛this.props.params.id｝</h3>
　　　　　　</div>

}


React.render((
            <Router>
                <Route path=‘/‘ component={App}>
                        <Route path=‘about‘ component={About} />
                        <Route path=‘inbox‘ component={Inbox}>
　　　　　　　　　　　　　　　　　　<Route path=‘messages/:id component={Message} />
　　　　　　　　　　　　　　</Route>

                </Route>
            <Router>
    ).document.body);