react4怎么嵌套路由啊？我的二级路由没有显示，也不报错是怎么回事？

Question

下面是首页路由的配置

class RouterMap extends React.Component {
    render() {
        return (<BrowserRouter><div>
            <Switch>
            <Route path='/' exact component={Home}/>
             <Route path="/users" component={Users}/>
            <Route path='/city' component={City}/>
            <Route path='/city2' component={City2}/>
            <Route path='/result' component={Result}/>
            <Route match='match' path='/dashboard' exact component={Dashboard}/>
            <Route path='/dashboard/id'  component={Dashboard200}/>
            </Switch>
        </div></BrowserRouter>)
    }
}

下面是子路由页面的配置

class Dashboard extends React.Component {
    componentDidMount(){
        //console.log(this.props)
    }
    render() {
        console.log(this.props)
        const match=this.props.match
        return (<div>
            <div>123</div>
            <Switch>
                <Route path={`${match.url}/2`} component={Dashboard6}/>
                <Route path={`${match.url}/3`} component={Dashboard1}/>
                <Route path="/2" component={Dashboard1}/>
            </Switch>
         </div>)
    }
}

Answer 1

可以用react-router-config，下载模块化引入
import { renderRoutes } from 'react-router-config'

const routes = [
  { component: App,
    routes: [
 
      { path: '/payAuthorization',
        exact: true,
        component: PayAuthorization,
        onEnter: () => {bridge.doAction('setTitle', { title: '授权签约' });}
         routes: [
         { path: '/successMsg',
          component: SuccessMsg
        } 
        ]
      }
    ]
  }
]
// ...
<Router basename={basename}>
     <div>{renderRoutes(routes)}</div>
   </Router>,

要注意组件里面添加 <div>{renderRoutes(routes)}</div>

Answer 2

谢谢啊，已经解决了，主要是不能有exact，