Reactjs 内部特定路由上的上下文提供程序<；开关>；

使用

帮助我将错误的地址引用到起始页，并处理用户访问限制（某些页面）

但我似乎再也不能使用上下文提供者来访问它们的特定路由了

问题是，我不希望上下文提供程序环绕所有路由/组件

//App.js

实际上，我更喜欢像这样把

卷起来：

当我访问

/timesheet/

时，会同时呈现

报告

和

时间表

我意识到这可能是我的

ProtectedRoute

的问题，所以我也将向您展示该组件

从“React”导入React；
从“react router dom”导入{Redirect，Route}；
从“../hooks/useRoleInfo”导入useRoleInfo；
函数ProtectedRoute（{path，…rest}）{
const{roleInfo}=useRoleInfo（）；
如果(
（路径=='/approvals'&&roleInfo.canAccessApprovals）||
（路径=='/reports'&&roleInfo.canAccessReports）
) {
返回；
}
返回；
}
导出默认的ProtectedRoute；

您知道如何使用

上下文提供程序

和

路由器交换机

可以更好地工作吗