巢狀路由一般使用Route,類似於vue中的作為巢狀路由的渲染，可以直接通過固定路由進入某一區域性，等同於區域性切換

// index.js
// ...
render((
  <Router history={hashHistory}>
    <Route path="/" component={App}>
      {/* 注意這裡把兩個子元件放在Route裡巢狀在了App的Route裡/}
      <Route path="/repos" component={Repos}/>
      <Route path="/about" component={About}/>
    </Route>
  </Router>
), document.getElementById('app'
 
))

Link進行的是路由切換跳轉，整個單頁面已經切換，而且能知道指向的路徑是否是一個有效的路由

// modules/NavLink.js
import React from 'react'
import { Link } from 'react-router'

export default React.createClass({
  render() {
    return <Link {...this.props} activeClassName="active"/>
  }
})
// modules/App.js
import NavLink from './NavLink'
 


// ...

<li><NavLink to="/about">About</NavLink></li>
<li><NavLink to="/repos">Repos</NavLink></li>

簡而言之，route是配置，link是使用