在看这个章节的时候关于Router4.0的问题

来源：10-1 Router概念

實現承諾

2017-03-31

现在的版本是4.0的我们肯定要用到，课程中用的是2.8.1 老师能不能详情的在博客中讲一下这个4.0的路由到底怎么写？

写回答

5回答

沉默的仙人掌

2017-04-03

已采纳

import React from 'react';
import ReactDOM from 'react-dom';
import {
    BrowserRouter as Router,
    Route,
    Link,
    NavLink
} from 'react-router-dom'

import Index from './index';
import ComponentList from './components/list';
import ComponentDetail from './components/detail';
class Root extends React.Component{
    render(){
        return(
        //    这里替换了之前的Index,变成了程序的入口
            <Router>
                <div>
                    <ul>
                        <li><NavLink to='/'>首页</NavLink></li>
                        <li><NavLink to='/list'>列表</NavLink></li>
                        <li><NavLink to='/detail'>详情页</NavLink></li>
                    </ul>
                    <hr/>
                    <Route exact path="/" component={Index} />
                    <Route path="/list" component={ComponentList} />
                    <Route path="/detail" component={ComponentDetail} />
                </div>
            </Router>
        )
    }
}
ReactDOM.render(<Root/>,document.getElementById('example'));

實現承諾

非常感谢！

2017-04-08

共2条回复