react项目实战学习笔记-学习23-侧边栏布局
import React, { useEffect, useState } from 'react' import { Menu } from 'antd'; import { ReadOutlined, EditOutlined, DatabaseOutlined } from '@ant-design/icons'; export default function Aside() { const [defaultKey, setDefaultKey] = useState('') const handleClick = e => { }; return ( <Menu onClick={handleClick} style={{ width: 180 }} selectedKeys={[defaultKey]} mode="inline" className='aside' theme="dark" > <Menu.Item key="listlist"><ReadOutlined /> 查看文章列表List</Menu.Item> <Menu.Item key="listtable"><ReadOutlined /> 查看文章列表Table</Menu.Item> <Menu.Item key="edit"><EditOutlined /> 文章编辑</Menu.Item> <Menu.Item key="means"><DatabaseOutlined /> 修改资料</Menu.Item> </Menu> ) }
运行结果
分类:
前端歌谣-redux+项目实战
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· DeepSeek 开源周回顾「GitHub 热点速览」
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了