0018Shop.js

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

import ShopAdd from './Shop/ShopAdd';
import ShopList from './Shop/ShopList';

class Shop extends Component {
    constructor(props) {
        super(props);
        this.state = { 
            msg:'我是一个商户组件'
         };
    }    
    render() {
        return (
            <div className="shop">
               <div className="content">


                <div className="left">

                    <Link to="/shop/">商户列表</Link>

                    <br />
                    <br />

                    <Link to="/shop/add">增加商户</Link>


                </div>

                <div className="right">

                        
                        <Route exact path={`${this.props.match.url}/`} component={ShopList} />

                        <Route  path={`${this.props.match.url}/add`} component={ShopAdd} />

                </div>


                </div>


            </div>
        );
    }
}

export default Shop;