React自学笔记（十三）---react实现路由模块化以及嵌套路由父子传值

紧跟上面的项目，首先是根页面的配置：

import React, {
    Component } from 'react';
import {
   
  BrowserRouter as Router,
  // Switch,
  Route,
  Link
} from "react-router-dom";

import './assets/css/App.css';
import routes from './model/router';
import UserList from './components/User/UserList';

class App extends Component {
   
  constructor(props) {
   
    super(props);
    this.state = {
   

    };
  }
  //render 模板   jsx
  render() {
   
    return (
      <Router>
        <div>

          <header className="title">
          <Link to="/">首页组件</Link>
          <Link to="/news">新闻</Link>
          {
   /* <Link to="/product">商品</Link> */}
          <Link to="/user">用户界面</Link>
          <Link to="/shop">商户</Link>
          </header>
          {
   
            routes.map((route,key)=>{
   
              if(route.exact