如何在react-router v4中管理多级嵌套路由？

Question

我认为在react-router v4中嵌套子路由的新方法是难以阅读/维护/重用，我是否使用了错误的方式？

V2很清楚，但V4中的代码在下面扩展（很多匹配.url）。

{/* v2 */}
<Route path='/:bizType'>
    <Route path=':module'>
       <Route path='demo1' component={Demo1} />
    </Route>
</Route>

{/* v4 */}
<Route path='/:bizType' component={({match})=>{
    return <Route path={`${match.url}/:module`} component={({match})=>{
        return <div>
            <Route path={`${match.url}/demo1`} component={Demo1} />
        </div>
       }} />
    }}>
</Route>

Answer 1

你的V4方式很棒，我会在我的应用程序中使用它。但我更喜欢使用外部纯组件。