响应中的子组件路由

Question

我最近开始做出反应并有疑问

进行子组件路由的最佳方法是什么？我知道这种子组件路由如'/login/component1'，'/login/component2....'，但我想要的是它将以'/login'未附加/component1的方式工作。简而言之，路径需要用内部视图路由修复（我使用react-router v4进行路由）

Answer 1

您可以在路径中添加子项：

 let routes={
    path: '', component: BasicLayoutComponent,
    children: [
        {
            path: 'treatments',             
            children: [
                {
                    path: '',
                    component: TreatmentListComponent
                },
                {
                    path: 'new',
                    component: NewTreatmentComponent,
                    canActivate: [HasClinics]

                }
            ]
        }
    ]
};

因此，您有/treatments/和/treatments/new作为有效路径