react学习---嵌套路由

import React, { Component } from 'react'
import MyNavLink from '../../components/MyNavLink'
import {Route,Switch,Redirect} from 'react-router-dom'
import News from './News'
import Message from './Message'

export default class Home extends Component {
    render() {
        return (
                <div>
                    <h3>我是Home的内容h3>
                    <div>
                        <ul className="nav nav-tabs">
                            <li>
                                <MyNavLink to="/home/news">NewsMyNavLink>
                            li>
                            <li>
                                <MyNavLink to="/home/message">MessageMyNavLink>
                            li>
                        ul>
                        {/* 注册路由 */}
                        <Switch>
                            <Route path="/home/news" component={News}/>
                            <Route path="/home/message" component={Message}/>
                            <Redirect to="/home/news"/>
                        Switch>
                    div>
                div>
            )
    }
}