react-router v4 路由器設(shè)置：

const routes  = [
      {
          path:'/',
          exact:true,
          component:createLoadableComp('views/home/index')
      },
      {
          path:'/product',
          component:createLoadableComp('views/product/index'),
          children:[
              {
                  path:'product/waiguan',
                  component:createLoadableComp('views/product/waiguan'),
              },
              {
                path:'product/peizhi',
                component:createLoadableComp('views/product/peizhi')
            }
          ]
       
      },
    ]

產(chǎn)品首頁：

export default class PorductIndex extends Component {
    render(){
        return(
            <div>
                <div className="other">產(chǎn)品首頁單有區(qū)域</div>
                <nav>
                    <Link to="/product">產(chǎn)品首頁</Link>
                    <Link to="/product/waiguan">產(chǎn)品外觀</Link>
                    <Link to="/product/peizhi">產(chǎn)品配置</Link>
                </nav>
                <div className="main">
                        產(chǎn)品首頁
                </div>
            </div>
        )
    }
}

產(chǎn)品外觀：

    export default class PorductWaiguan extends Component {
    render(){
        return(
            <div>
                <nav>
                    <Link to="/product">產(chǎn)品首頁</Link>
                    <Link to="/product/waiguan">產(chǎn)品外觀</Link>
                    <Link to="/product/peizhi">產(chǎn)品配置</Link>
                </nav>
                <div className="main">
                     產(chǎn)品外觀
                </div>
            </div>
        )
    }
}

產(chǎn)品配置：

export default class PorductWaiguan extends Component {
    render(){
        return(
            <div>
                <nav>
                    <Link to="/product">產(chǎn)品首頁</Link>
                    <Link to="/product/waiguan">產(chǎn)品外觀</Link>
                    <Link to="/product/peizhi">產(chǎn)品配置</Link>
                </nav>
                <div className="main">
                    產(chǎn)品配置
                </div>
            </div>
        )
    }
}

問題如下
我想在進(jìn)入/product與/product/waiguan、/product/peizhi 進(jìn)入相應(yīng)的組件
每個組件中都有一個二級導(dǎo)航進(jìn)行切換，因為頁面差異，我想按照上面的代碼進(jìn)行路由配置，請問要怎么配置，還是我的思路不對。