嵌套路由:路由里面继续包括路由

home组件表示父组件的内容

news组件表示子路由的内容

  本文只贴出部分代码 需要全代码关注微信公众号前端小歌谣

news/index.js

import React from "react";
import News  from "../News";
import {Route} from "react-router-dom"
//导入路由
class Home extends React.Component{
    render(){
        return <div>
            首页
            <Route path="/home/news" component={News}></Route>
        </div>
    }
}

export default Home

运行结果