react路由权限动态菜单如何配置
导读：本文共1909.5字符，通常情况下阅读需要6分钟。同时您也可以点击右侧朗读，来听本文内容。按键盘←（左） →（右） 方向键可以翻页。
摘要：本文小编为大家详细介绍“react路由权限动态菜单如何配置”，内容详细，步骤清晰，细节处理妥当，希望这篇“react路由权限动态菜单如何配置”文章能帮助大家解决疑惑，下面跟着小编的思路慢慢深入，一起来学习新知识吧。1. 配置路由import{AuthRouterObject}from"react-router-auth-plus";constrouters:AuthRoute... ...
音频解说
目录
(为您整理了一些要点),点击可以直达。
这里我使用 swr 来模拟获取当前用户的权限，两秒后返回。
或你可以使用 jsx 的方式来配置
若当前 home 的权限被设置为 ["auth2", "auth3", "auth4"]，当前用户的权限只要满足一个就会判断为拥有此路由的权限。
react-router-auth-plus 会自动将 children 传给 Layout，你不必在路由配置里传给 Layout。如果你是 ts，将 routers 类型设置为可选即可。
useAuthMenus 会过滤掉没有权限的路由，接下来你可以自行处理一下成你想要的数据再渲染成 antd 的 Menu 组件。
本文：
react路由权限动态菜单如何配置的详细内容，希望对您有所帮助，信息来源于网络。