【React】浅析嵌套路由

程序运行环境：React16、react-router-dom
这个功能在我看来，最有用的地方在于可以固定不需要重复加载的区域，自定义需要动态的加载的功能模块，当然，Vue也有动态路由的功能，这里不赘述。
并且这个功能实现并不困难，网上的资料很多直接贴代码或者是笔记，很少直接的讲解，所以我总结出简单的例子，方便理解。
照例，首先是我的文件结构。

首先说一说我的router.js配置：
组件的引用顺序：
index.js—>home.js—>show.js(b.js、c.js)

import React, {
    Component } from 'react';
import {
    Route, Switch, HashRouter, Redirect } from 'react-router-dom';

import B from './b';
import C from './c';
import Show from './show';

class Router extends Component {
   

  render() {
   
    return (
      <HashRouter>

        <Route path='/' />
        <Switch>
          <Show >
            <Route exact path='/b' component={
   B} />
            <Route exact path='/b/test' component={
   C} />
          <