antd pro layout 如何通过 menuRender 控制菜单的显示隐藏(非原理)

3,603 阅读1分钟

首发于 语雀文档@blueju

最近在写基于 umi、qiankun 的微前端后台管理平台,因为是基于实现真实需求做的,因此有要实现这么一个功能。

  1. 登录进入后,不展示菜单
  2. 进入子应用后,方才显示子应用菜单

那就需要切换菜单的显示隐藏状态,而 ant design pro 是用过 pro layout 实现的,那么寻找文档后发现有这么一个 api

menuRender 自定义菜单的 render 方法

从文档上来说,
如果我们要显示自定义的菜单,通过这个 api 返回一个 React Node 就好了;
如果我们不想显示菜单,那么通过这个 api 返回一个 false 就好了;

那如果我们只是想从“不显示菜单”切换到“正常显示原来的默认菜单”,怎么办呢?

通过 ctrl + 鼠标左键溯源、各种查资料、各种尝试等操作后发现, 返回一个 undefined 即可

image.png