submenuRoutes.js

import React from 'react'
import { Switch, Route } from 'react-router-dom'

import ButtonIcon from '../pages/content/button/ButtonIcon'
import ButtonType from '../pages/content/button/ButtonType'
import TopMenu from '../pages/content/menu/TopMenu'
import Submenu1 from '../pages/content/Submenu1'
import Submenu2 from '../pages/content/Submenu2'

export default ({ match }) => {
  return (
    <Switch>
      <Route path={`${match.url}/button/buttonType`} component={ButtonType} />
      <Route path={`${match.url}/button/buttonIcon`} component={ButtonIcon} />
      <Route path={`${match.url}/menu/topNavigation`} component={TopMenu} />
      <Route path={`${match.url}/menu/submenu1`} component={Submenu1} />
      <Route path={`${match.url}/menu/submenu2`} component={Submenu2} />
    </Switch>
  )
}