react-router 路由跳转问题

Question

代码如下：我想把内容插入到红框的部分，但是现在跳页了
import React from 'react'
import Header from '../header/header'
import Sider from '../sider/sider';
import Content from '../content/content';
import { Route, Switch, Link } from 'react-router-dom'
import { Menu, Icon, Button } from 'antd';

const ProductList = function productList() {

return (
    <div>this is ProductList</div>
)

}
const ProductDetail = function productDetail() {

return (
    <div>this is ProductDetail</div>
)

}
class Dashboard extends React.Component {

render() {
    return (
        <div>
            <div>
                <Header />
            </div>
            <div className="container-fluid">
                <div className="row">
                    <div className="col-lg-2">
                        <Menu
                            defaultSelectedKeys={['1']}
                            defaultOpenKeys={['sub1']}
                            mode="vertical"
                            theme="light"
                        >
                            <Menu.Item key="1">
                                <Link to={"/productList"}>
                                    <Icon type="pie-chart" />
                                    <span>产品列表</span>
                                </Link>
                            </Menu.Item>
                            <Menu.Item key="2">
                                <Link to={"/productDetail"}>
                                    <Icon type="pie-chart" />
                                    <span>产品详细</span>
                                </Link>
                            </Menu.Item>
                        </Menu>
                    </div>
                    <div className="col-lg-10">
                        <Route path="/productList" component={ProductList}></Route>
                        <Route path="/productDetail" component={ProductDetail}></Route>
                    </div>
                </div>
            </div>
        </div>
    )
}

}

export default Dashboard

Answer 1

。。。。像<Header />那样使用，不懂你为什么要用router

Answer 2

因为你没有注册根结点的路由，就是path="/"，就是一进入时的路由 然后再进入子路由