React第三方组件1(路由管理之Router的使用②多层级跳转及重定向)

import React from 'react';
import TodoList from './TodoList';
import {Route, NavLink} from 'react-router-dom'

const Index = () =>
    <div>
        <div className="nav">
            <NavLink to="/demo2/demo2-1" activeClassName="selected" exact>demo2-1</NavLink>
            <NavLink to="/demo2/demo2-2" activeClassName="selected" exact>demo2-2</NavLink>
        </div>
        <Route path="/demo2/demo2-1" component={TodoList}/>
        <Route path="/demo2/demo2-2" component={TodoList}/>
    </div>
;

export default Index;

import {Route, NavLink, Redirect} from 'react-router-dom'

<Route exact path="/demo2/"
       render={() => (<Redirect to="/demo2/demo2-1"/>)}/>

<NavLink to="/demo2" activeClassName="selected">demo2</NavLink>