---
title: 显示权限上级树形结构弹窗组件
sidemenu: true
---

## 显示权限上级树形结构弹窗组件

该组件用于显示权限上级树形结构弹窗组件。

```tsx
/**
 * background: '#f0f2f5'
 */

import React from 'react';
import { Space } from 'antd';
import {PermissionParentShow} from '@/components';
export default () => {
  return (
    <Space>
      <PermissionParentShow type="feature" id={4295059473} appId={118} data={{remark: '功能描述', ownerName: '姚熊', ownerId: 4295931470,ownerAccount: 'beier\.yao', ownerState: 1, name: "功能1111" }}>功能1111</PermissionParentShow>
      <PermissionParentShow type="option" id={136885} appId={118} data={{remark: '数据描述', ownerName: '姚熊', ownerId: 4295931470,ownerAccount: 'beier\.yao', ownerState: 1, id: 4295059473, name: "数据1111" }}>数据1111</PermissionParentShow>
      <PermissionParentShow data={{remark: '策略描述', ownerName: '姚熊', ownerId: 4295931470,ownerAccount: 'beier\.yao', ownerState: 1, id: 4295059473, name: "策略1111" }}>策略1111</PermissionParentShow>
      <PermissionParentShow data={{remark: '角色描述', ownerName: '姚熊', ownerId: 4295931470,ownerAccount: 'beier\.yao', ownerState: 1, id: 4295059473, name: "角色1111",dataSensitive: 0, sensitiveLevel: 0, uniqueKey: '20241010' }}>角色1111</PermissionParentShow>
    </Space>
  );
};
```

<API src="./index.tsx"></API>
