要将 /
和 /myFiles
路径都显示为 “我的文件”,您可以在菜单数组中的对应对象的 subMenus
数组中添加一个额外的对象,并将其 key
属性设置为 "/"
,并设置相应的标题和图标。
以下是修改后的代码示例:
import { HomeOutlined, LockOutlined, SettingOutlined, FolderOutlined,
FolderViewOutlined, AppstoreOutlined, BarsOutlined, FileImageOutlined } from '@ant-design/icons';
const menus = [
{
title: '我的文件',
key: 'myFiles',
icon: FolderOutlined,
subMenus: [
{
title: '文件列表',
icon: AppstoreOutlined,
key: 'myFilesList',
href: '/myFiles'
},
{
title: '我的文件', // 或者根据需要设置不同的标题
icon: FolderOutlined,
key: '/',
href: '/'
}
]
},
// 其他菜单项...
];
export default menus;
这样,在导航菜单中就会有两个选项显示为 “我的文件”,分别对应 /
和 /myFiles
路径。请确保根据您的项目配置正确处理路由和页面内容。
内容由零声教学AI助手提供,问题来源于学员提问