如何从组件返回Route？

Question

export const RbacRoute = ({ element: OriginalComponent, path, routeName }) => {
  let { userRole, permitedRoutes } = useContext(UserContext());
  return <Route path={path} element={<OriginalComponent />} />;
};

Uncaught Error: \[RbacRoute\] is not a \<Route\> component. All component children of \<Routes\> must be a \<Route\> or \<React.Fragment\>

Uncaught Error: \[RbacRoute\] is not a \<Route\> component. All component children of \<Routes\> must be a \<Route\> or \<React.Fragment\>

Answer 1

您似乎想在检查用户权限的同时创建受保护的路由。

您不能使用另一个组件作为

Routes

的子组件。

要应用受保护的路由，您可以按照此操作answer