React Router 的 路由嵌套

文件目录

index.js

import React from 'react';
import ReactDOM from 'react-dom';
import AppRouter from './AppRouter'


ReactDOM.render(
  <AppRouter />,
  document.getElementById('root')
);

引入AppRouter

AppRouter.js

引入目录

import React from 'react'
import{
   BrowserRouter as Router,Route,Link} from 'react-router-dom'//固定格式。
import Index from './Pages/workplace/Index'
import './index.css'
import Video from './Pages/Video'
import Workplace from './Pages/Workplace'

引入css直接引入文件即可。

function AppRouter(){
   
    let routeConfig = [
        {
   path:'/',title:'博客首页',exact:true,component:Index},
        {
   path:"/video",title:'视频教程',exact:false,component:Video},
        {
   path:"/workplace",title:'职场技能',exact:false,compone