基于用户访问的 ReactJS 动态组件/路由

Question

我是 ReactJS 的新手——我正在尝试用 PHP 实现登录系统。 我想拥有不同类型的用户——他们中的一些人应该只能访问应用程序的某些部分。

有什么方法可以阻止这些用户以 /admin 的身份访问某些路由？ 我想要的不是检查用户可访问路线和重定向的简单功能 - > 我想隐藏/删除用户无权访问的组件，所以他会下载仅包含 /login /info 的应用程序，所以他赢了甚至在应用程序中下载 /admin 组件（将无法看到它的代码）

Answer 1

您可以使用Higher-Order Components。

使用 HOC，您可以包装其他组件。如果用户有权限，您可以返回包装的组件，否则返回 null 或将用户重定向到另一个路由。