使用 Permission 控制 Ant Design SubMenu 显示与隐藏

<SubMenu key='data.key' title={ permission ? (

'data.text'

{renderMenuItem(children, options)}

要让一个permission控制SubMenu中某一个'data.key'显示或隐藏，可以通过在SubMenu组件的title属性中添加条件判断来实现。

首先，确定用于控制显示或隐藏的permission变量，例如permission变量的值为true或false。

然后，在title属性中添加条件判断，根据permission的值来决定是否显示SubMenu中的某一个'data.key'。示例代码如下：

<SubMenu
  key='data.key'
  title={
    permission ? (
      <div>
        <span><img src='icon' className='menu-icon'/> 'data.text'</span>
      </div>
    ) : null
  }
>
  {renderMenuItem(children, options)}
</SubMenu>

在上面的示例中，如果permission为true，则显示SubMenu中的某一个'data.key'。如果permission为false，则不显示SubMenu中的某一个'data.key'。